Semi
- Transparency - Opacity - FOR ALL THE THEMES
just
add this code in your custom css box
and you will get in your main page
all the boxez semi-transparent
just like mine
Note that it works only for the welcome page
mariatv wrote on Feb 27, '07, edited on Feb 27, '07
this code is one of the more nice things I have found. AFAIK it works for all the themes. just to add the code without changes. All the other codes for the semi-transparencies I have seen are applied to all the site, viewing photos and videos too, so not is really usable without losing site's readability.
mariatv wrote on Feb 27, '07, edited on Apr 22, '07
note ,.,., the 10 sections are the 10 visible boxes in the main page ,., just in the view order. If some box is hidden then simply the corrispective code is applied to the next box visualized in the main page the opacity involves only the box not the title box
wonderful tip . now its no longer transparent when i play my videos but I'm not sure wat i did or didn't do.. all my itemboxes are semi-transparent except for the welcome box... :p..
there is a curly bracket that you must to delete . /*ITEMBOX ICONS*/ .icon { visibility: hidden; display:none;} div#mainbox_1 .itembox { -moz-opacity:0.70; filter:alpha(opac ........... .---------
for every opened bracket is necessary a closed bracket and no more
for this I use always the same rule for write the code and I put the closing bracket always in a new line it is more simple to check the code
you my friend.. have a super good eye.. i've been checking again and again but couldn't see the error.. thank you.. now my site is almost perfect.. almost.. ha ha..
note that the transparency is applied to that you see visible in the selector and in all the boxes (selectors) included that is the bg color bg image text color border color
in your title it is applied to the bg image and text color only cause other things are transparent.
Maria.. I already used this code.. but I can't change bg (itembox) color on album photo.. n my photo was closed background in reply box quotet.. Help me please.. Thx b'fore..
in your custom css in line 181 - 200 you have to change the itembox section at this way
.itembox { border-color:#331100; border-style:none dashed dashed; border-width:0px 2px 2px; background-color:#CDB79E; /*here is the background color for the boxes*/ color:#331100; font-family:Harrington; font-size:15px; font-weight:normal; opacity:0.75; }
I suggest you to remove the itembox in the previous section and to use only this for the itembox. if you will get a minor transparency just reduce the opacity in this section
in the quotet replies the headshot is coverd by the transparency of the reply box ,, you have to use this code /*custom.css (line 504)*/ .quotet { background-color:#EFF0EB; background-image:none; border:2px dotted #8B7355; color:#331100; font-family:Kristen ITC; font-size:12px; margin-right:90px; opacity:0.75; }
this works in Firefox test it with Internet Explorer too please
wishimcarmen wrote on Apr 10, '07, edited on Apr 10, '07
Hiks.. I thought you were the person who was the same as Maria, sorry if I was wrong... But who you are.. 'you who were greatest'.. Thank you very much Nonio...
erm...maria..how about transparency in the visited link... i mean..when we click at 'Blog' for e.g.... i want the background tranparent just like welcome page...10-q
note that normally this doesnt work with internet explorer version 5 and 6 you can to use this code for any block you want just add the :hover to the identifier and you get the over state of the block
it is working in your site but not is visible cause there isn't a background image to see and the white background of the boxes of your actual layout override the effect anyway if you use for example a value of 0.2 you will see the effect (subsustantially in your layout the only effect is that the text become invisible)
you have to add a background in the body section and to remove the withe background in the boxes ..
hi maria,,i want to ask you about how to make semitransparent for reply box but only the spot for write ( yours was black ) thanks a lot and youhave a nice day.
and affect ALL the contnt of the box .. such as other boxes contined in the first box and all the text is in any of those box ..
so the text become semytransparent such as the background color and the background image
the only reasonable thing is choose carefully the value for the transparent effect, the text color, the background for the semitransparent box and the background of the layout (visible down the semitransparent box)
trying to maximize the contrast for a good readability
Hi Maria! Can you help me? I can't seem to make the white background of the theme semi-transparent... When I paste your codes, only the thumbnails and the reply boxes become semi-transparent. :(
maria, please help me. i used the avlack as the base theme. it has 2 backgrounds, the black stripes ; and the white one were item boxes are located. how can i change the white background into either semi transparent or entirely transparent? much appreciation if you would answer me. thanks.:] i'll wait.
yes. please same case as wendy. i have changed some, the only problem i have is to make the white background transparent. pls help us maria, o maria c;)V
the white background in avlak is made by four or five different blocks take a look to the post on avlak I made here in the group (search in the home page of the group for avlack) there I give the code for make avlack transparent
oh maria!!!! ur an angel. ty so much. i did manage to make the white background transparent but i noticed under the header there's a white border again, its with the customize site line thingy.... how do i make that transparent? ive tried to search the page u referred me to but i cant find it on how to make that line transparent. cud u help me again pls.... o maria c:)V
hi maria.. i want that all my boxez are semi-transparent but when i paste this code, it doesn't work, i hope you could help me.. i know you can.. hehe ^_^ at first, i make all of the page transparent using the code i got here, i change some of the background color of the boxes but when i paste the semi-transparency code it doesn't make it semi-transparent.. huhu
maria, i tried using this code to make my site transparent but it's not working. could u please help me? if u also have time, pls visit the site so that you could have a look at it and see it that helps u. am very new here so am really lost. thanx
Maria....I have never done CSS code before so bear with me ok!! I copied and pasted the semi-transparent code you have above at the bottom of all the codes on the CSS page I have. I clicked on preview and the page came up just fine with everything semi-transparent except it was showing a previous background not the current one? Then, when I clicked on "Save", my page came up with NO semi-transparent and just solid boxes over the whole page with no background showing through at all. What am I doing wrong????? Sorry I am so stupid when it comes to this stuff, but never done it before.
I think I figured out why mine won't work. I selected the Custom Theme and put my OWN picture in the background and picked my own colors for my boxes and fonts. I would still think there is a way to make my boxes semi-transparent though even though I didn't use an already made theme page isn't there?
Thank you all very much for all the tips and all the codes , I used alot of them and I have now better understanding of modifying css codes because of this site so thanx again.
I have just this question though , I was successful in making my reply boxes semitransparent even the guest book , but using internet explorer it's not working ! Is there a way to fix that or it just doesn't work with internet explorer ?! Thanx.
Can you help me... I want my item boxes to be like in this this theme : http://marsharocks.multiply.com I just want the boxes which are semi transparented,not the text and the items.Please tell me how to do it... xxx-san... <=(
HI I am hoping that you can help me, I used your semitransparent code and it was ok for months. Then when I logged in today, I found that the welcome page is longer semi-trans. I tried to redo it but it still didn't work. Maybe you can help me spot something I missed? Thanks very much :(
HI I am hoping that you can help me, I used your semitransparent code and it was ok for months. Then when I logged in today, I found that the welcome page is longer semi-trans. I tried to redo it but it still didn't work. Maybe you can help me spot something I missed? Thanks very much :(
hi ya Im sorry but I do not have any advise in my message board . inbox from this post anyway now you have transparencies in ur site ;)
Thank You alogena :) I tried pasting the code at the end but the boxes in homepage are still white and not semi-trans, I think I will try again, maybe redo it or something.
I tried pasting the code at the end but the boxes in homepage are still white and not semi-trans, I think I will try again, maybe redo it or something.
=) yes I checked ur site no syntax errors the semi trnapsarency is visible with FF but NOT VISIBLE with IE ..... so ... I concluded for some strange arcane reason ie does not like the last code in the reply I added of course the code in the original post is good it affect only the content of the item boxes and not the title boxes
this is the code for both the title and the body content of the item boxes in the main page the code for the content is the same as in the original post I added the code for the titlez +it works in all browsers (I hope)
Thanks again Alogena :) But I do not see any difference, maybe I am using IE 7. Still no semi trans and only white boxes. I asked my friend to view my homepage and still the same view as me, she is using Windows Vista. Maybe there is something wrong with the rest of my code, u think? Can you see my code, or do i have to paste it here for u to see?
Whatever the outcome, thanks for the time u have taken to help me :) Hugs for u!
there was a little inadvertence in my code div#mainbox_11 .itembox I forgot the itembox I corrected the code now correct it ! anyway not is your problem
you could try to add a new color in that block (or the same white color as well)
I am not sure, how do u tell it is a beta version or not? my friend with Windows Vista (ie 7) and my laptop both see the same things, white boxes, but another friend with ie 7 can see the semi transp. The difference is we have vistas, cannot see, with XP can see.
Just a thought: I think the boxes turned white after multiply put in the new audio player, the one that plays music at the homepage, that's when I noticed the change of the colour of the boxes. Maybe there's a connection? I'm not sure. And I've read thru at least 2 of the links, I think gotta read again to understand better ;p
I think it is no 2, my browser is the messed up one I suspect. Friend 1 with xp ie7 can see opacity, friend 2 with vista ie 7 can't see.
Also, can you see my background pic, should have half sky, 1 quarter sea, 1 quarter land. But both friends 1 & 2 can only see like 1cm of sea. So I think ...definitely must be something wrong with my browser.
I sure hope someone will understand what I'd like to do...
Is there some code I can make JUST the background in the ITEMBOX translucent (not opaque... because opaque technically does not let light through.)
I do NOT want anything BUT the background to be translucent... so the code above doesn't work, because it also changes all the text & graphics.
If it helps... I have my item box set to a pink satin graphic... the pink satin is the ONLY part I want to be a little bit translucent... Is there a code for the CSS to do that? Or do I have to find another way to make it translucent before entering it into my CSS code?
So, make sense? Please, feel free to send me a PM if you need any more info.
,.uhmmmm I have found you are using
