HomeHome  portal1portal1  GalleryGallery  SearchSearch  Link Rotation  Donate  RegisterRegister  Log inLog in  


Global Announcement

FriendsterAddictz Forum is on-search for Moderators. For more information, click THIS.
Please promote FriendsterAddictz Forum.


compilation of css codes part 2 - REVISED

View previous topicView next topicGo down
Author Message
FriendsterAddictz
Administrator
avatar

Male
Age : 25 Registration date : 2008-03-07 Number of posts : 1081 Location : ...somewhere there...
Character sheet
Tagline: Proud Member



PostSubject: 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://illiweb.com/fa/pbucket.gif) no-repeat left;
padding: 0 0 0 16px;}


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


SS:


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 primary link to make it possible to be centered



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





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:


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



go to filemanager..




press open file manager



then hit new




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!


Last edited by pet dog on Tue May 06, 2008 1:23 pm; edited 4 times in total
Back to topGo down
View user profile
][JOIE][
Promoter
avatar

Female
Age : 26 Registration date : 2008-04-26 Number of posts : 878 Location : a place where everybody is welcome
Character sheet
Tagline: be friendly and dont panic xp



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

kumpletong kumpleto...astig tlaga kaw sir jogz
Back to topGo down
View user profile
F.A. Lady Admin
Administrator


Female
Age : 24 Registration date : 2008-03-07 Number of posts : 444 Location :
Character sheet
Tagline: Proud Member



PostSubject: 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
_________________
respect others as they respect you
-FA LADY ADMIN
Back to topGo down
View user profile
][JOIE][
Promoter
avatar

Female
Age : 26 Registration date : 2008-04-26 Number of posts : 878 Location : a place where everybody is welcome
Character sheet
Tagline: be friendly and dont panic xp



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

haha..ganun ba...tingin ko nga rin... :roll:
Back to topGo down
View user profile
Sponsored content








PostSubject: Re: compilation of css codes part 2 - REVISED

Back to topGo down

compilation of css codes part 2 - REVISED

View previous topicView next topicBack to top
Page 1 of 1

Permissions in this forum: You cannot reply to topics in this forum
FriendsterAddictz :: FRIENDSTER SECTION :: Friendster Codes and Tutorials -