compilation of css codes part 2 - REVISED

Subject: compilation of css codes part 2 - REVISED Sat Mar 08, 2008 1:20 pm

to auto align the txt of all common boxes:

Code:: .commonbox {text-align:center;
}

======================

to adjust the boxes like moving it more into ryt juz simply add this
adjust the value

Code:: .l.ltd{ position:relative;left:100px; }

====================

background to main table:

Code:: /*main table*/
table#flo_wrapper {
margin: 20px auto 20px auto;
border: #FFE4E1;
border-style: solid;
border-width: 4px;
background: #ffcccc;
background-attachment: fixed;
background-repeat: repeat-repeat;
background-image: url(image url here);
background-position: top center;
}

background to 2nd table:

Code:: /*second table */
table#flo1t {
background: transparent;
background-image: url(IMG URL HERE);
background-attachment: fixed;
background-repeat: no-repeat;
background-position: bottom right;
padding: 30px;
margin: 5px 5px 5px 5px;}

=================

background to commonbox:
( remember when we say commonbox it stand for all boxes if u got one
image to be use for all boxes better use this codes )

Code:: [code]/* background all boxes*/
.commonbox {
background-color: #ffcccc;
background-image: url(IMG URL HERE);
background-attachment: fixed;
background-repeat: repeat-repeat;
background-position: top center;
border: #FFE4E1;
border-style: solid;
text-align:center;
border-width: 4px;}[/code]

background and to align txt to photo gallery:

Code:: .photos {
text-align:center;
background-image: url(image url here);
background-attachment: fixed;
background-repeat: repeat;
background-position: top center;
border-width: 3px;
border-color: #CAAFAF;
border-style: double;
background-color: #000000;color:#8E4848;}

scrollbar to more about me:

Code:: /*scrollbar moreabout me*/
#content_6 {overflow-y:scroll; height:180}

background and to center the text more about me:

Code:: /*customize more about me*/
.moreabout {text-align:center;
background-image: url(image url here);
background-attachment: fixed;
background-repeat: repeat;
background-position: top center;
border-width: 3px;
border-color: #CAAFAF;
border-style: double;
background-color: #000000;color:#8E4848;}

scrollbar to media box

Code:: /* scrolbar media*/
#content_10 {overflow-y:scroll; height:200;
}

background and to align txt media box:

Code:: /*customize media*/[/color]
.scrapbook{
text-align:center;
background-image: url();
background-attachment: fixed;
background-repeat: repeat;
background-position: top right ;
border-width: 3px;
border-color: #B89393;
border-style: double; color:#B89393;
background-color: #000000}

[color=red]background and scrollbar to friend list:

Code:: /*scrollbar fiendlist*/
#content_2 {
overflow-y:scroll; height:300;}
/*Customize friend list*/
.friends{
background-image: url(image url here);
background-attachment: fixed;
background-repeat: repeat;
background-position: top center;
}

align ur friendlist:

Code:: .friends {
margin-left:0; margin-right:0; margin-top:-18px; margin-bottom:0; padding-left:0px; padding-right:0; padding-top:18px; padding-bottom:400px
}
.friends div.boxcontent{width:100%;text-align:center;}
.friends.flogrid75{text-align:center;width:75px;}
.friends div.viewall a{text-align:center;width:100%;padding-left:20px;}

================

picture customization:

Code:: /*photo*/
.flogridp .flogriditem {background:none! important;}
.imgblock200{background-color: transparent! important; width: 150px!important; heigth: 150px!important;}
.commonbox .imgblock75, .ir {
background-color: TRANSPARENT;
}

================

footer

Code:: /*hide footer*/
#footer_container {display: none;}
#footer {display: none;}

or

Code:: /* customize footer*/
#footer_container {
background: url(Image URL HERE);
background-repeat: no-repeat;
background-attachment: fixed;
background-position: top left;
margin:10px 0px 10px 15px;
padding:40px 0 10px 0;}

bullets in moreaboutme entry

Code:: /*bullets in moreaboutme*/
.usercontent .q{
background: url(http://i180.photobucket.com/albums/x225/monikamote/bullet.gif) no-repeat left;
padding: 0 0 0 16px;}

================

SS:
compilation of css codes part 2 - REVISED Subnavvy2

first if u happnd to addremove it first

css code:

pls dont edit the RED PART

if u want to reposition it like the one i display add this into ur js file...

----------------------

:attention: 3rd modification:

NEWEST MAINNAV CODE:
thanks to angell for compilation of css codes part 2 - REVISED 92775

primary link to make it possible to be centered compilation of css codes part 2 - REVISED 92775

compilation of css codes part 2 - REVISED Top22

mainnav code:

Code:: #mainnav{margin: 0 0px;background:transparent! important;border: transparent!important; width: 800px !important;}
#mainnav ul li ul li.sublink_top {border-top: 0px none transparent!important;}
#mainnav ul li ul li{display: list-item;float: none;border-bottom: 0px none transparent;background-color: tranparent!important;}
#mainnav { text-align: center !important; }

.secondary_links {display:none}

/*primary*/

Code:: #mainnav a {border: 3 outset #B38F00; margin: 0 2 0 2; font:10; text-decoration:none! important;color:#FFB200! important;background:#000000!
important; }
#mainnav a:hover {border:3 inset #B38F00; background:#333333; color:#ffcc00! important;}

/*move to center*/ adjust the px value according to ur liking..

Code:: .primary_links { margin-left: 80px !important; }

/*treemenu*/ 3 middle nav

Code:: #mainnav .mainfoldericon{
background: url()! important;background-attachment: fixed;
background-repeat: repeat!important;
background-position: top center;
background-color: 000000!important;color:#FFB200!important;}

/*sublink drop down menu*/

Code:: #mainnav ul li ul{
left: 0;
position: absolute;
top: 1px;display: block;
visibility: hidden;
background-color: #000000! important;
background-image: url()!important;}
}

to all who wish to show their ryt nav

compilation of css codes part 2 - REVISED Rytnav

do the ff:

first remove

Code:: .secondary_links {display:none}

then add this

Code:: .secondary_links a, .secondary_links a:link, .secondary_links a:visited, .secondary_links a:active {
padding: 0 10px; font-size: 12px !important;
font-weight: bold!important;
border: 3 outset #CCDAEB;
margin: 0 2 0 2;
text-decoration:none! important;
color:#FFFFFF! important;
background-color:#82A4CE!important;
background-image: url(url here)!important;}

to remove the encircle part:
compilation of css codes part 2 - REVISED Removeme2

for no 1
for no 2

wat to do with those codes:

first pick d codes u want... edit it if u must..
well let say u picked...hiding ads codes
#14{dispaly: none ! important}

lets say u open an acct in geocities...

go to www.geocities.com

upon registering u will redirected to home..
pls follow the pic instruction coz i wont elaborate much further..

login...
at home main page ...

look for create and update

compilation of css codes part 2 - REVISED 1geo

compilation of css codes part 2 - REVISED 1geo

go to filemanager..

compilation of css codes part 2 - REVISED 2geo

press open file manager

compilation of css codes part 2 - REVISED 3geo

then hit new

compilation of css codes part 2 - REVISED 4geo

copy paste the CSS CODES u want to apply.
name ur file anyway u want but just be sure to end it with...
.dot( period/dot CSS or TXT)
eg:
switpotato.TXT

or

switpotato.CSS

then get the complete url of the said file
and reinsert to working linker..

=======================================================
and that's it. enjoy tweaking!

Subject: Re: compilation of css codes part 2 - REVISED Tue Apr 29, 2008 5:44 pm

kumpletong kumpleto...astig tlaga kaw sir jogz

Subject: Re: compilation of css codes part 2 - REVISED Tue Apr 29, 2008 5:52 pm

haha...kung alam mu lang arjorie kung gano kadameng cases inabot yang code na yan

Subject: Re: compilation of css codes part 2 - REVISED Tue Apr 29, 2008 5:55 pm

haha..ganun ba...tingin ko nga rin... :roll: