ehia
ADMINISTRATOR
Age : 23
Joined : 08 Aug 2008
Posts : 155
Location : philippines
Status : Its complicated™
School : MSU
Mood : 
Reputation :
   (0/100)
Credits :
(0/100)
Warning Level : 
 |  Subject: CSS Code For Auto Update Module  Wed Sep 03, 2008 10:36 pm | |
| just modify your codes into your desired colors.etc..
control panel [module 0]
| Code: | /* Control Panel Button just below the photo */
#content_0 #controlPanelButtons { width: 200px; margin-top: 3px; padding-bottom: 1px; }
#content_0 #controlPanelButtons li { display: inline; }
#content_0 #controlPanelButtons a, #controlPanelButtons a:link, #controlPanelButtons a:visited { width: 98px; text-align: center; float:left; display: inline; background: #D1E6E9; border: 1px solid #E6F1F3; margin: 0 -1px -1px 0; padding: 6px 0; }
#content_0 #controlPanelButtons a:hover { color: #FFFFFF; background: #17728F; }
/* Recent Updates*/
#content_0 .user_tracker {width: 100%; background: white; border: 1px solid #c4c4c4; color:#555555; }
#content_0 .user_tracker ul li a, #content_0 .user_tracker ul li a:link, #content_0 .user_tracker ul li #content_0 a:active, #content_0 .user_tracker ul li a:hover, #content_0 .user_tracker ul li a:visited {margin-left: 5px; font-weight: bold; color: #17728F; }
#content_0 .user_tracker ul li i {margin-left: 5px; color: #555555; }
/* Main Photo */
#content_0 .imgblock200 { width: 200px; background: #FFFFFF; border: 1px solid #76B5C6; text-align: center; margin-bottom: 5px; }
#content_0 .imgblock200 img { margin: 0 auto; }
/* Shout Out */
.controlpanel .so, .minicontrolpanel .so { margin: 0 -20px 10px 0; width: 257px; position: relative; background:url(http://images.friendster.com/images/sot.gif) repeat-y top left; color: #17728F; font-weight: bold; }
.controlpanel .so a, .minicontrolpanel .so a { color: #FF4400; }
.controlpanel .so div#cpShoutoutBox, .controlpanel .so div#cpShoutoutEditBox, .minicontrolpanel .so div#cpShoutoutBox, .minicontrolpanel .so div#cpShoutoutEditBox { padding: 7px 7px 5px 7px; margin: 0; }
.controlpanel .so div#cpShoutoutEditBox, .minicontrolpanel .so div#cpShoutoutEditBox { display: none; }
.controlpanel .sol, .minicontrolpanel .sol { position: absolute; left: -5px; top: 8px; width: 6px; height: 11px; background:url(http://images.friendster.com/images/sol.gif) no-repeat; }
.controlpanel .sob, .minicontrolpanel .sob { width: 257px; height: 2px; background:url(http://images.friendster.com/images/sob.gif) no-repeat; line-height: 0; font-size: 0; }
|
photo [module 1]
| Code: | * Background of the photo */
#content_1 .flogridp .flogriditem { margin-right: 13px; width: 101px; height: 87px; background: url() no-repeat; }
/* Picture Size */
#content_1 .flogridp .ir { width: 93px; height: 73px; margin: 3px 0 0 4px; }
#content_1 .flogridp .ir img { margin: 0 auto; height: 73px; }
/* Display Photos ONLY Horizontally */
#content_1 .flogriditem{float: left; display: inline; margin-right: 10px; margin-bottom: 10px; }
|
Blogs [Module 13]
| Code: | /* Display Style */
p { margin-bottom: 10px; margin: 0; padding: 0; }
/* Data Style */
ul.data li, ul.entries p { margin-bottom: 3px; }
ul.entries li { background: url(http://images.friendster.com/images/blue_arrow_rt.gif) no-repeat 0 2px; padding-left: 8px; margin-bottom: 5px; }
.entries { list-style: none;}
/* View All or Edit Link */
.commonbox .viewall, .commonbox .editlink { padding: 4px 11px; font-weight: bold; }
.commonbox .editlink { float: right; } |
More About Me [Module 6]
| Code: | /* Global CSS */
p {
margin:0;
padding:0;
font-size: 12px;
color: #000000;
}
/* Data styles */
p { margin-bottom: 10px; }
ul.questions li { margin-bottom: 10px; list-style:none;}
.q, .strong, .title {
font-size: 13px;
color: #990000;
}
|
Publiccomments/Testimonials [Module 18]
| Code: | /** pics **/
.imgblock75 img{
height:70px;
width:70px;
overflow: hidden;
border:#9bcfe7 2px dashed;
margin: 0 auto;
filter:alpha(opacity=70)
}
.itd{
vertical-align:top;
}
/** testimonial contents **/
.dtd{
padding-left:10px;
padding-bottom:10px;
margin-bottom:0px;
margin-left: 5px;
margin-right: 5px;
text-align:justify;
font-size: 13px;
color: #990000;
}
/** names **/
.title a:visited, .title a:link{
text-decoration:none;
color:#000000!important;
font-size:11px;
}
.title a:hover{
color:#000000!important;
text-decoration: none;
font-weight: bold;
}
/** view all and add a testimonial links **/
.viewall a{
font-size: 11px;
color: #000000!important;
text-decoration: none;
padding: 2px;
}
.viewall a:hover{
text-decoration: blink;
color:#000000!important;
font-weight:
}
.viewall{
text-align:center!important;
color: #000000;
}
h2{
display:none;
}
.data li{
list-style-type:none;
}
.data{
padding:0;
margin:0;
} |
Friends [Module 2]
| Code: | /** images **/
.ir img {
height:75px;
width:75px;
border:#cc0000 2px dashed;
}
/** caption **/
.dr a {
font-size: 11px;
text-align: center;
text-decoration: none;
color:#000000;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
.ir a:hover img {
border:#cc0000 2px dotted;
}
/* View all & Edit Link ONLY FOR FRIENDS [OPTIONAL] */
#content_2 .viewall, .editlink { padding: 4px 10px; color: #000000;}
.flogriditem {
float: up; display: inline;
margin bottom: 3px;
} |
Groups [Module 8]
| Code: | /* Group Image */
#content_8 .imgblock75 { width: 75px; height: 75px; background: #FFFFFF; overflow: hidden; }
#content_8 .imgblock75 img { height: 75px; margin: 0 auto; }
/* Group List style */
#content_8 ul {list-style:none;}
/* Group Name */
#content_8 .title { font-weight: bold; }
/* Group - View all and Edit Link */
#content_8 .viewall, #content_8 .editlink { padding: 4px 11px; font-weight: bold; }
#content_8 .editlink { float: right; } |
credit to mr pilot of marky...
_________________
|
|
