CSS 4 MP

Changing the Viewing History - ALL THEMES

Mar 2, '07 4:18 PM
by Maria for everyone

Category:

Other

Viewing History - All Themes
How to change the aspect of the Viewing History
How to make the Viewing History box transparent

Here you find all the sections need for to change background-color, background-image, borders , text color & links for the whole Viewing History section of your site.
You can to change
in the background-color properties: the color code; use transparent for remove it
in the background-image properties: none with url(Here_the_URL), where Here_the_URL is a valid URL
in the border-style properties: solid with none for removing the border
about the text color and links color properties (e.g. color: #123456) I report below all the lines where to change the values with demonstrative assignments.

(for other possible assignements look the CSS basilar syntax rules)

/* Custom Theme (multiply.com/setup/pages/themes > Custom Theme)*/

Look the Notes below about Custom Theme

/* border */
div.stats div.infobox .boxbody {
border:1px solid #DDDDDD;
}
/* bg-color */
div.stats .infobox {
background-color:#F5F5F5;
}
/* assign transparent for transparent box */
.stats {
background:#C4C4C4 none repeat scroll 0%;
}
/* text color */
div.stats {
color:#666666;
}
/* links */
a.select, a.select:visited, a.select:link {
color:#D7A32A;
}
a.select:hover {
color:#00ff00;
}

/* Avlack - Basecamp - Black Lily - Blue Slate - Melon - Outburst - Petals - Red Frog - Retro - Skyline */

/* border */
div.stats div.infobox .boxbody {
border:1px solid #DDDDDD;
}
/* bg-color and bg-image */
div.stats .infobox {
background-color:#F5F5F5;
}
/* text color */
div.stats {
color:#666666;
}
/* Links */
div.infobox a, div.infobox a:link, div.infobox a:visited {
color:#0B5EB4;
}
/* Visitor's User_ID */
div.infobox .userlogo a, div.infobox .userlogo a:link, div.infobox .userlogo a:visited {
color:#0B5EB4;
}

/* NewsPaper - Oasis - SandSkrit */

/* border */
div.stats div.infobox .boxbody {
border:1px solid #DDDDDD;
}
/* bg-color, bg-image and text color */
div.infobox .boxbody {
background:#F1D69F none repeat scroll 0%;
color:#443322; /* text color */
}
/* remove this bg-color for make a transparent box */
div.stats .infobox {
background-color:#F5F5F5;
}
/* Links */
div.infobox a, div.infobox a:link, div.infobox a:visited {
color:#443322;
}
/* Visitor's User_ID */
div.infobox .userlogo a, div.infobox .userlogo a:link, div.infobox .userlogo a:visited {
color:#443322;
}

/* Mikonos */

/* border */
div.stats div.infobox .boxbody {
border:1px solid #DDDDDD;
}
/* bg color and border */
.infobox div.boxbody {
background-color:#DEE1CD;
border:3px solid #FFFFFF;
}
/* text color */
div.stats {
color:#666666;
}
/* Links */
div.infobox a, div.infobox a:link, div.infobox a:visited {
color:#0B5EB4;
}
/* Visitor's User_ID */
div.infobox .userlogo a, div.infobox .userlogo a:link, div.infobox .userlogo a:visited {
color:#0B5EB4;
}

/* Blocks */

/* border */
div.stats div.infobox .boxbody {
border:medium none;
}
/* bg-color */
div.stats .infobox {
background-color:#F5F5F5;
}
/* assign transparent to this bg-color for transparent box */
td#maincontent {
background-color:#999999;
}
/* color */
div.stats {
border-top:2px solid #FFFFFF;
color:#666666;
}
/* Links */
div.infobox a, div.infobox a:link, div.infobox a:visited {
color:#0000CC;
}
/* Visitor's User_ID */
div.infobox .userlogo a, div.infobox .userlogo a:link, div.infobox .userlogo a:visited {
color:#0000CC;
}

/* shadow box */

/* border */
div.stats div.infobox .boxbody {
border:1px solid #DDDDDD;
}
/* border angle */
b.cn {
background:transparent url(http://images.multiply.com/common/circle/gray.gif) no-repeat scroll 0%;
}
/* bg-color */
div.stats .infobox {
background-color:#F5F5F5;
}
/* text color */
div.stats {
color:#666666;
}
/* Links */
div.infobox a, div.infobox a:link, div.infobox a:visited {
color:#0000CC;
}
/* Visitor's User_ID */
div.infobox .userlogo a, div.infobox .userlogo a:link, div.infobox .userlogo a:visited {
color:#0000CC;
}

Notes: Links

Links: rule for the Customized Themes

Beginning customization with any Customized Theme (multiply.com/setup/pages/themes > Customized Theme) the custom CSS box for editing the code is empty; if you have already some code in custom CSS box then search the same section or add the new code below all the other you have in the box, for covering previous assignements

This is the default assignment for all the customized themes for the Viewing History :

/* Links */
div.infobox a, div.infobox a:link, div.infobox a:visited {
color:#0000CC;
}

this involves the two visible links and the visitor's user_ID;

from here you can to remove the green arrows

a.select, a.select:link, a.select:visited {
background:transparent url(http://images.multiply.com/multiply/icons/clean/16x16/select.png) no-repeat scroll left top;
color:#00ff00; /* links color */
font-size:13px;
font-weight:bold;
height:16px;
padding-left:20px;
padding-top:1px;
}

You can to change separately the two visible links See Detailed Viewing History & View This Page as Another User and the visitor's user_ID by using the code below
this assignment overspread all previous assignments for those links.

/* Viewing History - two links */
div.infobox a, div.infobox a:link, div.infobox a:visited {
color:#00ff00;
}
/* Viewing History - Userd ID */
div.infobox .userlogo a, div.infobox .userlogo a:link, div.infobox .userlogo a:visited {
color:#ff0000;
}

Links: rule for the Custom Themes

In the custom theme (multiply.com/setup/pages/themes > Custom Theme) you find already the code in your custom css box;
therefore search in your preexistent code for the sections:

This is the default assignment for all the customized themes for the Viewing History :

a.select, a.select:visited, a.select:link {
color:#D7A32A;
}
a.select:hover {
color:#00ff00;
}

the complete section is the same of customized themes
from here you can to remove the green arrows

a.select, a.select:link, a.select:visited {
background:transparent url(http://images.multiply.com/multiply/icons/clean/16x16/select.png) no-repeat scroll left top;
color:#00ff00; /* links color */
font-size:13px;
font-weight:bold;
height:16px;
padding-left:20px;
padding-top:1px;
}

You can to assign a unique color only to the links in viewing history;
this involve the two visible links and the visitor's user_ID;
this assignment overspread the previous assignment for those links.

div.infobox a, div.infobox a:link, div.infobox a:visited {
color:#00ff00; / *links color */
}

You can to change separately the two visible links See Detailed Viewing History & View This Page as Another User and the visitor's user_ID by using the code below
this assignment overspread all previous assignments for those links.

/* Viewing History - two links */
div.infobox a, div.infobox a:link, div.infobox a:visited {
color:#00ff00;
}
/* Viewing History - Userd ID */
div.infobox .userlogo a, div.infobox .userlogo a:link, div.infobox .userlogo a:visited {
color:#ff0000;
}

Tags: css, viewing history

Prev: Modifying Sandskrit Theme
Next: changing reply boxes - ALL THEMES

reply share

84 Comments

imsosick wrote on Mar 2, '07

thanks,
big help:)

simbioze2 wrote on Mar 2, '07

thanks
big help for me

nonio wrote on Mar 2, '07

:-)

joppa wrote on Mar 3, '07

i post ur review as a link in mulltiply customized theme group. super big help kc eh. :)

nonio wrote on Mar 6, '07, edited on Mar 6, '07

joppa said

i post ur review as a link in mulltiply customized theme group. super big help kc eh. :)

thank you
=o)

whatsupwithme wrote on Mar 15, '07

i dnt get it HELP MEEEEEEEEE!!!!!!!!!!

nonio wrote on Mar 15, '07

whats the problem?
your viewing history not is visible to me
search the right theme to apply

kaedens wrote on Mar 20, '07

ei nonio.. 1st of all, i thank u for ur very informative posts! and i wanna ask y my viewing history is stil d same?? =(

mariatv wrote on Mar 20, '07, edited on Mar 20, '07

Hi
tnx
I' have seen your css code
its perfect
this is the section you are using for the viewing history

/* VIEWING HISTORY */
div.stats div.infobox .boxbody {
border:1px solid #D7D9DD;
}
div.stats .infobox {
background-color: #F4F6F8;
}
div.stats {
color: #666666;
}

now of course here you must to insert the colors you want !
the code here not is for get a transparency !!!!
look the preface in this post :

....you can to change
in the background-color properties: the color code; use transparent for remove it
in the background-image properties: none with url(Here_the_URL), where Here_the_URL is a valid URL
in the border-style properties: solid with none for removing the border

mariatv wrote on Mar 20, '07

whatsupwithme said

i dnt get it HELP MEEEEEEEEE!!!!!!!!!!

Hi
I have checked your css

you are using this

div.infobox .boxbody {
border: 1px solid #8f4b6b;
background-color: #d0a2b5;
color: #8f4b6b;
}

now this change the background color , the text color but not the border color!
check the code I have put for the sand theme and use this code

/* border */
div.stats div.infobox .boxbody {
border:1px solid #8f4b6b;
}
/* bg-color, bg-image and text color */
div.infobox .boxbody {
background:#d0a2b5 none repeat scroll 0%;
color:#8f4b6b; /* text color */
}

kaedens wrote on Mar 21, '07

wow, that was easy! thanks maria, i stil hav a question though, how do i change the text color of

"Viewing History
Your Home Page has been viewed 87 times by 27 people, most recently at 8:18 PM
See Detailed Viewing History
View This Page as Another User"

The color is too light to be read..

mariatv wrote on Mar 21, '07

div.stats {
color: #333333;
}

kaedens wrote on Mar 21, '07

mariatv said

div.stats {
color: #333333;
}

the rating says it all!! =)

i have a few more questions but it is no longer related to this thread. thanks maria!

orvilletan wrote on Mar 21, '07

i didnt get much :( but ill try reading again and "learning" something and ty for this very useful post :D :)

mariatv wrote on Mar 22, '07

first time you see all this thingie it is impossible to understand =o)

kaedens wrote on Mar 22, '07

orvilletan said

i didnt get much :( but ill try reading again and "learning" something and ty for this very useful post :D :)

yeah orville! i tuk me a while before i was able to understand everything. and im stil trying to learn a few things from maria and d gang. all hail the dummies LOL

orvilletan wrote on Mar 22, '07

i read again still dont get it...

mariatv wrote on Mar 22, '07

,,,.,.ehmmm do you have found the custom css box where to insert the customized code????

from your main page go in

>Customize My Site > Custom CSS

http://multiply.com/setup/pages/upload-css

and add the code for your customized themes that you find here in the custom box.
you must to change the colors before !!!!!!!
I indicate only what is the code for change one thing ... of course the colors I put in is an example.

shave7 wrote on Mar 28, '07

how can i put an image in the about me box?

nonio wrote on Mar 28, '07

what is the about me box?

lfom wrote on Mar 28, '07

If you meant the Profile page, simply use an IMG tag:

<img src="Image_URL">

Or something like a slideshow that uses the EMBED tag.

orvilletan wrote on Mar 31, '07

i think he means the headshot image just click on your
blank picture/headshot it should show u how to change
it :)

mariatv wrote on Apr 4, '07, edited on Apr 4, '07

well ...
it is changed something
for the links
you must to use this
(look at the bottom of the post)
not is optional

/* Viewing History - two links */
div.infobox a, div.infobox a:link, div.infobox a:visited {
color:#00ff00;
}
/* Viewing History - Userd ID */
div.infobox .userlogo a, div.infobox .userlogo a:link, div.infobox .userlogo a:visited {
color:#ff0000;
}

gypsypixie wrote on Apr 11, '07

hi can you help me? how can i make my viewing history transparent?? thanks. sorry i can't understand the codes. hehehe :)

nonio wrote on Apr 11, '07, edited on Apr 11, '07

,,, anyway you have got the right post :D

you are using Avlack theme
you have to add the section of code named as
/* Avlack - Basecamp - Black Lily - Blue Slate - Melon - Outburst - Petals - Red Frog - Retro - Skyline */
in your custom css box
you will get the background and border transparent
you have to change the color for text and links as you like
the code is this ,, though I think is unnecessary to rewirte it :-)

/* border */
div.stats div.infobox .boxbody {
border:1px solid #DDDDDD;
}
/* bg-color and bg-image */
div.stats .infobox {
background-color:#F5F5F5;
}
/* text color */
div.stats {
color:#666666;
}
/* Links */
div.infobox a, div.infobox a:link, div.infobox a:visited {
color:#0B5EB4;
}
/* Visitor's User_ID */
div.infobox .userlogo a, div.infobox .userlogo a:link, div.infobox .userlogo a:visited {
color:#0B5EB4;
}

you have to add this code in any place in the custom css box

iyamztaipan wrote on Apr 12, '07

in my case, nothing is happening. it aint getting transparent. as of i typed this...

lfom wrote on Apr 12, '07

Make sure you have the code bellow in your Custom CSS too:

div.contentwrapper {
background: transparent;
}
div.bodywrap {
background: transparent;
}

iyamztaipan wrote on Apr 12, '07

lfom said

Make sure you have the code bellow in your Custom CSS too:

div.contentwrapper {
background: transparent;
}
div.bodywrap {
background: transparent;
}

wanted to change the color of the fonts to gold also. how do i do that....

lfom wrote on Apr 12, '07

First, did you get the things transparent or not?

iyamztaipan wrote on Apr 12, '07

lfom said

First, did you get the things transparent or not?

second, not. =D

lfom wrote on Apr 12, '07

Then probably you have a bug in your Custom CSS...

mariatv wrote on Apr 12, '07

I have checked your css and I have to say 2 things
-I have found 5 syntax error ( mostly an excess of brackets)
- there isnt the code for the reply boxes
anyway I sent you the corrected code revisited with the transparent replies in a PM cause it is long three miles :-)

iyamztaipan wrote on Apr 13, '07

mariatv said

are you referring to me...???

iyamztaipan wrote on Apr 13, '07, edited on Apr 13, '07

mariatv said

i gues you were. any ive done what you told me . and big big thanx.
and how do i change the font color in my group box

iyamztaipan wrote on Apr 13, '07

mariatv said

f finally got it all figured out. thanks to you maria and lfom. you were right lfom there was a lot of things wrong with my css codes. thanks to maria for straightening things up for me. now everything are all just how i wanted it to be. big big thanks to you guys. i just had to change the colors of the fonts and all is well. =D

mariatv wrote on Apr 13, '07

yes I was referring to you ,,, iyamz sorry

ehehehh I can make sure you that
it is impossible any theme is perfectly finished

the fonts are all yellow
where do you want to change the fonts?

iyamztaipan wrote on Apr 13, '07

mariatv said

yes I was referring to you ,,, iyamz sorry

ehehehh I can make sure you that
it is impossible any theme is perfectly finished

the fonts are all yellow
where do you want to change the fonts?

everything is okey now maria. that's just how i wanted it to be. thanks soooo much! =D

potpotch wrote on Apr 21, '07

where should I insert the code??

mariatv wrote on Apr 21, '07, edited on Apr 21, '07

ther is only a place where to insert the CSS code:
is the custom CSS box that you get in

>Customize My Site >Custom CSS

the URL of the custom CSS box is
http://multiply.com/setup/pages/upload-css

potpotch wrote on Apr 21, '07

what I mean is.. where in my code should I insert those codes???
haha I'm so...

mariatv wrote on Apr 21, '07

.. ok ... I was suspecting it ... I will search to explain ...

mariatv wrote on Apr 21, '07, edited on Apr 21, '07

,.,.,,. it is simple to explain ... but not is simple to explain concisely and rigorously for my english

... look at this post

http://grouped.multiply.com/reviews/item/10

at the paragraph
From where to begin to modify css in Multiply
and
Where to insert css code inside the box

,, not is so clear indeed :-)

mariatv wrote on Apr 21, '07

you can to insert this code for the viewing history every where ..cause there aren't other similar instructions in your CSS
normally the code is ordered in sections as
header
title
boxes - body
rail
viewing history
replybox
--etc ..
so it is possible to find easily the code for make some change

mariatv wrote on Apr 21, '07

,,,, this is stolen from a reply of Luiz

CSS works as an addition: if you add another elements to the same identity, it will be added or replaced. For instance, the two blocks bellow:

body {
color: #fff;
background: #000;
}

body {
font-size: 14px;
color: #ccc;
}

are equal to one block like this:

body {
background: #000;
font-size: 14px;
color: #ccc;
}

mariatv wrote on Apr 21, '07, edited on Apr 21, '07

so in general you could add the changes at the bottom of the code without searching in the code for make the corrections

potpotch wrote on Apr 23, '07

haha.. ok ok..thank you very much! mwuah!
nice site BTW.. help me please in customizing mine :D

nonio wrote on Apr 23, '07

sure dear ,, ask me for any problem you have

potpotch wrote on Apr 23, '07

haha thanks nonio! :) I want my homepage to be artistic as this page..can yah help me with that?

mariatv wrote on Apr 24, '07

ehhehe
tnx .. but really I'm not a creative my skill is the analysis
help me with that ,, what? do you refer to the background?
I 've got the base from some paint of gustav klimt
I need much time to make a background

your site layout is nice ,,
just I could suggest you some improvement and aid to make it
but do not ask me to make a background cause this is very difficult for me and ultimately I could say you yes but never I'll make it cause it get to much time to me and the paint of klimt are very little :-)

mariatv wrote on Apr 24, '07

your site banner is very nice and the minimalist background is nice too.
just you could make this

1 add a footer background such as in the title

2 change the navigation bar

3 remove the white strip between the navigation bar and the banner

for this use this code

in custom.css (line 59)

div.owner_nav {
background:transparent url(http://img176.imageshack.us/img176/8715/flytop2tj3.jpg) no-repeat scroll 0pt -10px;
border-color:#000000;
border-style:solid solid none;
border-width:10px 10px medium;
height:275px;
margin:10px auto 0pt;
padding:13px 0pt 0pt;
width:760px;
}

in custom.css (line 73)

div#subnavc {
background-color:#000000;
left:120px;
padding:4px;
position:absolute;
top:320px;
width:754px;
border-top:6px none #FFFFFF;
height:20px;
}

4 you could to change the rail

this is the code for the headshot background

.userlogo {
background-color:transparent;
font-size:10px;
padding:5px;
text-align:center;
width:100px;
}

and here is the border
custom.css (line 239)

.rail .userlogo {
border:1px solid WHITE;
}

5- you have to edit the headshot for to remove the white vertical strips

mariatv wrote on Apr 24, '07

potpotch said

can yah help me with that?

tell me what do you want precisely

potpotch wrote on Apr 25, '07

in my homepage..all the viewer can see are the links to my reviews,blog,music,groups,etc. and my welcome note..and nothing else..so it can be clean..my site is a bit messy :P

mariatv wrote on Apr 25, '07

uhmmmm my room is more messy

potpotch wrote on Apr 27, '07

haha because you have lots of things in your homepage :)

nonio wrote on Apr 27, '07

you must to hide all the boxes by using the link
>Customize My SIte

then you have to add the links in the welcome box
by using HTML code

such as

<a href="URL" target="_blank">here the text to click</a>

take a look to this post

http://grouped.multiply.com/reviews/item/8

for the welcome of this group I use an HTML editor
to make manually all the code is too much complex

jeedssoda wrote on May 5, '07

I don't understand.

mariatv wrote on May 5, '07

this is the code for to change the aspect of the viewing history box at the bottom of the main page
you are using the shadow theme and in the section above dedicated to the shadow theme you see the code used by the theme for the aspect of the viewing history.
you must to modify the assignments as you like; the assignments you see are the default for the theme.

for example

div.stats .infobox {
background-color:#F5F5F5;
}
is the background color ,,
if you want a background color black(#000000)
with text and links white(#FFFFFF)
and border dotted white
you have to add this code in your custom css box

/* shadow box */

/* border */
div.stats div.infobox .boxbody {
border:1px dotted #FFFFFF;
}
/* border angle */
b.cn {
background:transparent url(http://images.multiply.com/common/circle/gray.gif) no-repeat scroll 0%;
}
/* bg-color */
div.stats .infobox {
background-color:#000000;
}
/* text color */
div.stats {
color:#FFFFFF;
}
/* Links */
div.infobox a, div.infobox a:link, div.infobox a:visited {
color:#FFFFFF;
}
/* Visitor's User_ID */
div.infobox .userlogo a, div.infobox .userlogo a:link, div.infobox .userlogo a:visited {
color:#FFFFFF;
}

lilybeng wrote on May 29, '07

Can you please tell me which particular code should I use for my site?

mariatv wrote on May 29, '07

you are using the Custom Theme

in this list it is the first

carolyn42 wrote on Jul 17, '07

Maria can you help me make my guest book transparent?
i disdlike the white background it,has either like it transparent or if that is not possible
i will make it black.
i finally figured out the code that you did for the background
thank you
Carolyn

mariatv wrote on Jul 17, '07

for the guestbook just use the same code as the reply boxes
there is a post about the reply boxes
http://grouped.multiply.com/reviews/item/20

carolyn42 wrote on Jul 18, '07

in the box at the bottom of our spacs where you see the people who visit your space...
how do you change the background color of the box? mine is white and i want it transparent.
the white bothers my eyes it is so bright.'thanks in advance
Carolyn

iyamztaipan wrote on Jul 19, '07, edited on Jul 19, '07

hey i like this reply box you have can i use this for the page that isnt transparent yet in my homepage? cool box you have (or whatever the name of this is box) :)

mariatv wrote on Jul 19, '07, edited on Jul 19, '07

carolyn42 said

hi
u asr using the CUstom Theme

Just look at the code for the custom theme here in this post .. and paste it in your custom css box
those are the original box
with the background color

then
where you see
background-color:#123456;
CHANGE it in
background-color: transparent;
you will get the background transparent

for to remove the borders
where you see
border:1px solid #123456;

change it in
border:1px none #123456;

mariatv wrote on Jul 19, '07

ok I will change the code to transparent

mariatv wrote on Jul 19, '07

iyamztaipan said

hey i like this reply box you have can i use this for the page that isnt transparent yet in my homepage? cool box you have (or whatever the name of this is box) :)

yep

iyamztaipan wrote on Jul 19, '07

mariatv said

ok I will change the code to transparent

thanks so much maria!!!!

mariatv wrote on Jul 25, '07

ok
I will make that
...

sidneydizon wrote on Jul 25, '07, edited on Jul 25, '07

hi! ive been learning a lot from ur site.. just want to ask.. is there a way to remove (or make it transparent) the border of the contacts at the viewing history?

mariatv wrote on Jul 25, '07

nope
the border of the headshot of the visitors in the viewing history at the bottom of the main page is hard coded in the html page
and not is possible to change it

mariatv wrote on Jul 25, '07, edited on Jul 25, '07

,,, but
you can try this

.boxbody .userlogo {visibility:hidden;}
.boxbody .userlogo a {visibility:visible;}

it works cause the headshot and the username are links :-)

only it appears a bit complex to add a new background and border
anyhow I think its possible.