Group's posts with tag: pon and zi
|  | 1) Select the "AVLACK" theme from the Multiply theme selection page for your personal page. You can select that by clicking on this link: http://multiply.com/setup/pages/themes/avlack
2) Copy and paste the CSS code below (bold-italic text) to the CSS page on your setting page. The link for the Custom CSS page is this one: http://multiply.com/setup/pages/upload-css
(Note: If you want to be able to restore the previous theme, remember to backup the CSS file that is already installed on the settings page, if available.)
By: brair7rose( http://brair7rose.multiply.com)
Date: 25-Jun-2008
Version 1.0
Based on Multiply theme Avlack
Provided as is. You may modify as you wish since
you give attribution to its authors.
--------------------------------------------------------------------------
CSS code:
div.contentwrapper {
background: transparent;
}
div.bodywrap {
background: transparent;
}
.tablediv1 tr:hover {
background-color: transparent;
}
body {
background: url(http://img145.imageshack.us/img145/20/backgroundponziix3.jpg);
}
a, a:visited, a:link {
color: #ffffff;
font-family: Comic Sans MS;
}
.rail {
width: 159px;
padding-right: 10px;
}
.railstart {
margin-top: 10px;
height: 27px;
width: 165px;
background: url(http://img255.imageshack.us/img255/1329/searchhv5.jpg) no-repeat top left;
background-position: -30px 0;
z-index: 1000;
position: relative;
}
.railbody iframe {
margin-left: 5px;
}
.railbody {
padding: 15px;
width: 129px;
font-size: 12px;
color: #ffffff;
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
background: none;
border: none;
z-index: 1000;
position: relative;
background-color: transparent;
}
.railsep {
height: 1px;
margin: 12px 0 12px 0;
background: none;
background-color: transparent;
}
.railend {
height: 2px;
width: 159px;
background: none;
background-color: #ffffff;
}
td.rail {
background-color:transparent;
padding: 0;
margin: 0;
}
div.owner_nav {
border: none;
margin: 0 auto;
margin-top: 0;
height: 310px;
height:130px;
width: 760px;
border: none;
border-bottom: none;
padding: 113px 0 0 0;
background: url(http://img255.imageshack.us/img255/1425/banner3mg6.jpg) no-repeat top left;
background-color:transparent;
background-position: 0 -10px;
}
div#subnavc {
width: auto;
height: 20px;
background-color: #000000;
border-top: none;
}
div#subnav {
padding: 1px;
padding-left: 5px;
background: none;
border: none;
height: auto;
}
a.topt, a:visited.topt {
line-height: 1.2em;
display: block;
float: left;
height: auto;
text-align: center;
background: none;
font-size: 13px;
font-decor: blink;
font-variant: small-caps;
font-weight: bold;
color: #ffffff;
width: auto;
padding: 2px;
margin-left: 5px;
margin-right: 5px;
}
a.toptsel, a:visited.toptsel {
line-height: 1.2em;
display: block;
float: left;
height: auto;
text-align: center;
background: none;
font-size: 13px;
font-weight: bold;
color: #ff0000;
width: auto;
padding: 2px;
margin-left: 5px;
margin-right: 5px;
background: none;
}
li.gnopt a, li.gnopt a:visited, li.gnopt a:link {
color: #ffffff;
}
li.gnoptsel {
border-color: transparent;
border-color: #ccc;
}
h1#page_owner_title {
font-size: 15px;
font-family: Times New Roman;
text-align: right;
background-color: none;
background: none;
color: #ffffff;
font-weight: bold;
height:68px;
padding-left: 12px;
}
div#page_start {
padding: 0;
width: 760px;
border: 0;
border-top: none;
border-bottom: none;
margin: 0 auto;
}
div#rail {
text-align: left;
width: 159px;
}
a.gnoptsel, a:visited.gnoptsel {
margin: -2px 0 0 0;
width: 84px;
}
div#ownedfooter {
margin: 0 auto;
padding: 10px 0 10px 0;
width: 780px;
border: none;
border-top: 1px solid #999;
font-size: 10px;
color: #ffffff;
font-weight: bold;
background-color: transparent;
}
div.stats {
border-bottom: none;
}
.itemboxsub {
color: #ffffff;
color: #ffffff;
font-weight: normal;
font-size: 24px;
font-family: Comic Sans MS;
font-weight: bold;
border: none;
padding: 0;
background: none;
max-width: 550px;
}
.rolloverfordnd {
color: #ffffff;
color: #ffffff;
font-weight: normal;
font-size: 24px;
font-family: serif;
border: none;
padding: 0;
background: none;
background-color: transparent;
max-width: 550px;
}
.itemshadow {
max-width: 550px;
}
.itemsubsub {
font-size: 10px;
font-weight: normal;
line-height: 10px;
text-align: right;
color: #ffffff;
color: #ffffff;
}
.itemstamp {
float: right;
font-size: 10px;
font-weight: normal;
margin: -5px 0 5px 0;
margin: 0;
color: #ffffff;
}
.itembox {
border: none;
padding: 5px;
margin: 0px;
overflow: visible;
background: none;
background-color: transparent;
color: #ffffff;
border-top: 1px dotted #c7dc4e;
}
.itemboxalbum {
border: none;
padding: 5px;
margin: 0px;
overflow: visible;
background: none;
background-color: #fff;
color: #666;
border-top: 1px dotted #c7dc4e;
}
.itemactionspacer {
height: 30px;
}
a.mine, a.mine:link, a:visited.mine {
color: #ffffff;
border: none;
background: none;
}
div.ritemactions a, div.ritemactions a:link, div.ritemactions a:visited {
color: #ffffff;
border: none;
background: none;
}
a.go, .go {
color: #ffffff;
border: none;
background: none;
}
.rail .userlogo {
border: 1px solid #999;
}
.caldiv1 {
background-color: #ccc;
}
.caldiv1 td {
font-size: 10px;
}
.caldate {
font-size: 13px;
font-weight: bold;
}
.cald {
float:right;
text-align: center;
background-color: #fff;
padding: 0px 4px 0px 4px;
margin: -3px -3px 3px 3px;
border: 1px solid #ccc;
width: 20px;
}
.calevent {
margin: 0px 0px 8px 0px;
}
.caldiv1 td:hover {
background-color: #fff;
}
.caldiv1 th {
background-color: #ccc;
color: #ffffff;
font-size: 10px;
font-weight: normal;
text-align: center;
}
.caldiv1 th a, .caldiv1 th a:visited {
color: #ffffff;
}
table.globalnav {
border: none;
background: none;
}
.header .globalnav ul.gnopt a, div.header table.globalnav a.select {
color: #fff;
}
div.header table.globalnav h3 {
color: #ffffff;
}
.navinput {
border: none;
color: #ffffff;
}
table.indextitle {
display: none;
}
td#maincontent {
padding: 0 25px 0 0;
margin: 0;
background-color:transparent;
}
div.header {
width: 780px;
margin: 0 auto;
background: none;
}
.infobox {
background-color: #dced7e;
}
div.infobox .boxbody {
border: 1px solid #8da217;
}
div.gndd {
color: #ffffff;
background-color: transparent;
border: 1px solid #ccc;
}
div.ddsep {
background-color: #ccc;
}
div.gndd a {
font-weight: bold;
border: 1px solid #333;
}
div.gndd a:hover {
background-color: #999;
}
ul li {
list-style-image: url(http://images.multiply.com/multiply/style/avlack/arrow.png);
}
div.guidebox {
background: none;
background-color: transparent;
color: #ffffff;
border: 1px dotted #c7dc4e;
}
div.add_sublabel a:hover {
color: #ffffff;
}
span.signoutid a, span.signoutid a:visited, span.signoutid a:link, span.signoutid:hover, a.signoutid, a.signout, a.signout:visited, a.signout:link {
color: #ffffff;
}
div.prevnextphoto {
-moz-border-radius: 0;
background-color: transparent;
border: none;
border-bottom: 1px dotted #c7dc4e;
padding: 0 5px 5px 5px;
margin-bottom: 0 -5px 10px -5px;
color: #000;
font-family: serif;
}
div.prevnextphoto a, div.prevnextphoto a:link, div.prevnextphoto a:visited {
font-weight: normal;
font-size: 14px;
color: #ffffff;
}
div.prevnextphoto table td {
font-weight: bold;
font-size: 14px;
color: #ffffff;
}
-------------------------------------------------------------
End of CSS CODE
P.S. Hope you like it!!! |
| | how to use :
1.click customize my site
2.click choose a theme
3.choose avlack theme
4.click customize my site
5.click custom CSS
6.copy the CSS codes below :
/* body */
div.bodywrap {
background-color: #CD9B9B;
background: transparent;
}
div.contentwrapper {
background-color: #CD9B9B;
background: transparent;
}
body {
background: none;
background-color: #CD9B9B;
background-image: url('http://images.fobfanatic.multiply.com/image/2/photos/upload/1200x1200/SDELvgoKCCoAAGoS@5c1/you%20can%20tell.jpg?et=cCG7CzcoFyNHsiz4dvf6vg&nmid=');
}
/* part or rail where ads are */
.rail {
background: none;
background-color: #CD9B9B;
color: #000000;
}
.railstart {
background: none;
background-color: #CD9B9B;
color: #000000;
border-color: #CD9B9B;
margin-right: -1px;
}
.railbody {
background: none;
width: 118px;
background-color: #CD9B9B;
color: #000000;
}
.railend {
background: none;
background-color: #CD9B9B;
color: #000000;
}
div.header {
background: none;
border-color: #CD9B9B;
background-color: #856363;
border-bottom: 1px solid #CD9B9B;
}
td.rail {
background: none;
border-color: #CD9B9B;
background-color: #CD9B9B;
color: #000000;
}
td.leftnav {
background: none;
border-color: #CD9B9B;
border-right-color: #CD9B9B;
border-left-color: #CD9B9B;
background-color:#CD9B9B;
color: #000000;
}
div.leftnavsep {
border-color: #CD9B9B;
}
div.railsep {
background: #000000;
}
td.leftnav a.mopt, td.leftnav a:link.mopt, td.leftnav a:visited.mopt, a.mopt, a:link.mopt, a:visited.mopt {
color: #6F4242;
}
td.leftnav a:hover.mopt, a:hover.mopt {
text-decoration: none;
background-color: #6F4242;
color: #CD9B9B;
}
/* site title */
h1#page_owner_title {
color: #CCFF99;
}
/* page title */
h1 {
color: #856363;
}
/* item title area */
.itemboxsub {
background: none;
background-color: #856363;
border-color: #856363;
/* item box titles */
color: #CCFF99
}
/* calendar editting */
.caldiv1 {
background-color: #856363;
}
.caldiv1 th {
background-color: #CCFF99;
}
.caldiv1 td {
background-color: #ffffff;
}
.itemsubsub {
background: none;
background-color: #856363;
/* item box detail */
color: #CCFF99;
}
/* item contents area */
.itembox {
background: none;
background-color: #ffffff;
border-color: #856363;
color: #000000;
}
.itembox legend { color: #000000; }
.itemboxalbum {
background: none;
border: 1px solid #856363;
background-color: #ffffff;
color: #000000;
}
div.relatedlinks {
color: #000000
}
.stats {
background: none;
background-color: #ffffff;
border-color: #856363;
color: #000000;
}
/* links inside itemboxen */
.select a, .select a:visited, .select a:link, .select a:hover, .viewmore a, .viewmore a:visited, .viewmore a:link, .viewmore a:hover, .itembox a, .itembox a:visited, .itembox a:link, .itembox a.select, .itembox a:visited.select, .itembox a:link.select, .itembox a:hover.select {
color: #6F4242;
}
a.select, a:visited.select, a:link.select, a:hover.select {
color: #563232;
}
#uploadtools a, #uploadtools a:visited, #uploadtools a:link, #uploadtools a:hover {
color: #563232;
}
#importtools a, #importtools a:visited, #importtools a:link, #importtools a:hover {
color: #563232;
}
.cattitle a, .cattitle a:visited, .cattitle a:link, .cattitle a:hover {
color: #CCFF99;
}
/* navigation and title bar */
div.owner_nav {
background: none;
background-color: #856363;
border: 1px solid #CD9B9B;
}
td#content-start {
border-color: #CD9B9B;
}
table.globalnav {
background: none;
background-color: #856363;
}
table.globalnav h3 {
color: #CCFF99;
}
.navinput {
border: 1px solid #CD9B9B;
background-color: #856363;
color: #ffffff;
}
div.gndd {
background: none;
background-color: #856363;
border: 1px solid #856363;
color: #CCFF99;
}
div.gndd a {
border: 1px solid #856363;
}
div.gndd a:hover {
background-color: #ffffff;
color: #000000;
}
div.ddsep {
background-color: #ffffff;
}
h4#post_new_content_sections {
color: #ffffff;
}
/* owner navigation links */
span.signoutid a, span.signoutid a:visited, span.signoutid a:link, span.signoutid:hover, a.signoutid, a.signout, a.signout:visited, a.signout:link, div#ownedfooter a, div#ownedfooter a:visited, div#ownedfooter a:link, li.gnopt a, li.gnopt a:visited, li.gnopt a:link {
color: #ffffff;
}
li.gnoptsel {
border-color: #CD9B9B;
background-color: #ffffff;
color: #ffffff;
}
li.gnoptsel a, li.gnoptsel a:visited, li.gnoptsel a:link, li.gnoptsel a:hover {
color: #000000;
}
td li.gnoptsel a, td li.gnoptsel a:visited, td li.gnoptsel a:link, td li.gnoptsel a:hover {
color: #ffffff;
}
div#subnav li.gnoptsel {
border-color: #CD9B9B;
}
/* right rail links */
ul.sidelist a, ul.sidelist a:visited, ul.sidelist a:link {
color: #6F4242;
}
.railbody a.raillink, .railbody a:link.raillink, .railbody a:visited.raillink {
color: #6F4242;
}
.userlogo a, .userlogo a:hover, .userlogo a:visited, .userlogo a:link, td.rail div#rail div.userlogo a {
color: #0b5eb4;
}
.userlogo, td.rail div#rail div.userlogo {
border-color: #CD9B9B;
}
/* protect poll dialog box fonts */
td#cell_ {
color: #000000
}
tr#row_vote {
color: #000000
}
div#ownedfooter {
background: none;
background-color: #856363;
border-color: #CD9B9B;
}
td#maincontent {
color: #856363;
}
a.go, a.go:visited, a.go:link {
color: #CCFF99;
}
/* various classes to describe link colors throughout the main body */
a.post, a.post:visited, a.post:link, a.editlinks, a.editlinks:visited, a.editlinks:link, a.compose, a.compose:visited, a.compose:link, a.vopt, a.vopt:visited, a.vopt:link {
color: #563232;
}
a.editlinks:hover {
font-style: italic;
}
.breadcrumb a, .breadcrumb a:visited, .breadcrumb a:link, div.itemactions a, div.itemactions a:visited, div.itemactions a:link {
color: #563232
}
div.header li.gnoptsel {
background: none;
border: none;
background-color: #856363;
color: #000000;
padding: 2px 0 2px 0;
margin: 2px 6px 2px 6px;
}
div.header li.gnoptsel b.cn {
background: none;
}
-end-
please leave any comments or suggestions tnx
www.fobfanatic.multiply.com |
| | instructions:
1. click customize my site
2. click choose a theme
3. pick RED FROG as your base theme.
4. then click custom CSS
5. copy and paste the code:
..............................................................................................................................
body
{
background:url("http://i201.photobucket.com/albums/aa217/fluffy_1226/butt.jpg");
background-attachment: fixed;
}
a, a:link, a:hover { color: #336600; text-transform: lowercase; }
a:visited { color: #336600; }
tr.bg4 { background: #020808; }
tr.bg4 th { border-bottom: thin solid #ccc; }
.voptlabel, tr.bg2 { color: #999900; background: transparent; }
td.pad6r legend { color: #ff0000; }
/*** global navigation *******/
div.header li.gnopt img, div.header li.gnoptsel img { display: none; }
div.header li.gnoptsel b.bc,
div.header li.gnoptsel b.tl, div.header li.gnoptsel b.tr { display: none; }
div.header li.gnoptsel {
background: #020808;
border: thin solid #cccccc;
-moz-border-radius: 7px;
}
.header ul.gnopt a, .header ul.gnopt a:link,
.header ul.gnopt a:visited, .header ul.gnoptsel a,
.header ul.gnoptsel a:link, .header ul.gnoptsel a:visited { color: #ff0000; }
div.owner_nav div#subnav a.topt:visited,
div.owner_nav div#subnav a.toptsel:visited { color: #cc6600; text-transform: none; }
a:hover { color:#660000; font-weight: bold; text-transform: lowercase; }
/*** owner navigation ***/
div.owner_nav {
width: 840px; height: 110px;
background: url("http://i128.photobucket.com/albums/p183/BigDaddySupes/emopeople.jpg");
repeat-x center left;
border: dotted #ffffff;
}
h1#page_owner_title { padding-top: 5px; margin-left: 42px; color: #cc6600; font-family: comic sans MS; }
/* this one goes to the very bottom of the page */
div#page_end { background: #000000; }
div#ownedfooterc, div#ownedfooter { background: transparent; }
table#content_wrapper { background: transparent; }
div.home-compose { margin-top: -30px; margin-left: 350px; }
/*** ads rail (leftmost) ***/
#page_start_wrapper #page_start {
width: 840px; padding-top: 4px;
background: transparent;
}
td.rail, td.rail #rail { background: transparent; }
div.railstart { background: transparent; }
div.railbody { background: transparent; color: white; }
div.railbody .userlogo { background: transparent; }
div.railbody .userlogo a { color: #ff0000; }
div.railbody ul.sidelist a { color: #cc6600; }
div.railsubsep, div.railend { background: transparent; }
#rail iframe { display: none; }
/*** main contents ***/
td#maincontent { background: transparent; }
.homewrapper { background: transparent; }
/*** item boxes ***/
.itemboxsub { background: #020808; border: thin dotted #d7d9dd; }
.itemshadow { max-width: 650px; }
.itembox {
width: 100%; padding-left: 10px; padding-right: 10px;
background: transparent;
}
.itemboxalbum { background: transparent; }
div.itemactions { border: thin dotted #d7d9dd; }
div.itemactions, div.itemactions div.litemactions,
div.itemactions div.ritemactions {
background: #020808;
}
div.itemactionspacer { background: transparent; }
/*** about me ***/
#maincontentdiv #mainbox_1 { padding-top: 19px; background: transparent; color: #cc6600; }
div#user_welcome_message { font-size: 14px; }
/*** reply box ***/
.replyheader { background: transparent; }
.replybox { background: transparent; }
.replybody { background: transparent; }
.addreplylabel, .replybodytext { color: #cc6600; }
.replyboxstamp { background: transparent; }
.replyboxread { background: transparent; }
.replyboxauthor { background: transparent; }
.replyphoto { background: transparent; }
div#guestbook .replybox { background: transparent; }
.quotet { background: #020808; }
.quotea { background: transparent; }
/* this one for alternating rows */
.replyboxodd { background: transparent; }
/*** user logo ***/
.userlogo { background: transparent; }
.userlogoside { background: transparent; }
/*** info box (viewing history) ***/
div#viewing_history, div.stats { background: transparent; color: #cc6600; }
div.stats .infobox { background: transparent; }
.infobox { background: transparent; }
div.stats div.infobox .boxbody { background: #020808; border: thin dotted #d7d9dd; }
/*** contacts ***/
.contactbox { background: #020808; color: #c0c060; }
/*** guide box ***/
.guidebox { background: transparent; }
div.guidebox { background: transparent; }
/*** side box ***/
.sidebox { background: transparent; }
div.sidebox .boxbody { background: transparent; }
/*** mini profile ***/
table.miniprofiletable { background: transparent; color: #cc6600; }
table.miniprofilebodytable { background: transparent; }
/*** invitations ***/
div.invitationheader { background: transparent; }
div.invitationheader img.headshot { background: transparent; }
/*** miscellaneous, leftovers, etc. ***/
div.gndd { background: transparent; }
div.popheader { background: transparent; }
div.box { background: transparent; }
div.splashboxtitle { background: transparent; }
div.tophat_body { background: transparent; }
tr.blank, tr.blank:hover { background: transparent; }
.tablediv1 th { background: transparent; }
.contentbox { background: transparent; color: #cc6600; }
.rolloverfordnd { background: transparent; }
.boxhead { background: transparent; }
.itemnext { background: transparent; }
.selectuserbox { background: transparent; }
.navinput { background: transparent; }
.photo_description_rollover { background: transparent; }
.album_description_rollover { background: transparent; }
.album_title_rollover { background: transparent; }
/***aikoarhaoishinicruznokiazurfc***/ |
| | :: this is now my fourth theme. im just inspired to do a pon and zi theme because there are a lot of pictures of pon and zi here in my computer.
:: please dont use the theme for purposes other than this.
How to install theme
1) Choose the Skyline Theme. Just click HERE
2) Paste the following to your CSS code click HERE:
~~~~~+~~~~~+~~~~~+~~~~~+~~~~~+~~~~~+~~~~~+~~~~~+~~~~~+
body {
background: none;
color: #713e57;
background: url(http://i121.photobucket.com/albums/o210/ispanshbab/multiply/azuzephre_bg.jpg);
}
a, a:visited, a:link { color: #750c33; }
.rail {
width: 139px;
}
.navinput {
-moz-border-radius: 4px;
border: 1px solid #765;
background-color: #fed9e1;
color: #765;
}
div.infobox .boxbody {
color: #765;
background-color: #fed9e1;
}
a.voptsel, a:link.voptsel, a:visited.voptsel {
background-color: #fed9e1;
border: 1px solid #765;
color: #765;
}
div.gndd {
background-color: #fed9e1;
border: 1px solid #765;
}
div.gndd a {
border: 1px solid #fed9e1;
}
.replybox {
border: 1px solid #765;
background: none;
background-color: #fed9e1;
color: #765;
}
div.guidebox {
color: #765;
background: none;
background-color: #fed9e1;
border: 1px solid #765;
}
div.owner_nav {
background-color: #fff;
border: none;
margin: 0;
/* -moz-border-radius: 10px; */
background: none;
width: 780px;
height: 195px;
background: url(http://i121.photobucket.com/albums/o210/ispanshbab/multiply/azuzephre_bg1.jpg);
margin: 0 auto;
}
div#page_start {
width: 720px;
margin: 0 auto;
padding-left: 50px;
padding-right: 10px;
background: url(http://i121.photobucket.com/albums/o210/ispanshbab/multiply/second_theme_background.jpg);
}
div#ownedfooter {
margin: 0;
height: 55px;
padding: 55px 0 0 0;
line-height: 10px;
border: none;
color: #765;
text-align: center;
font-size: 10px;
background: url(http://i121.photobucket.com/albums/o210/ispanshbab/multiply/azuzephre_header2.jpg) no-repeat bottom left;
}
.itemboxsub {
color: #765;
font-weight: bold;
font-size: 24px;
border: none;
padding: 0;
margin: 0;
background: none;
background: url(http://i121.photobucket.com/albums/o210/ispanshbab/multiply/azuzephre_046.gif) repeat-x bottom left;
/* display: none; */
max-width: 520px;
}
.rolloverfordnd {
color: #765;
font-weight: bold;
font-size: 24px;
border: none;
padding: 0;
margin: 0;
background: none;
max-width: 520px;
background: url(http://i121.photobucket.com/albums/o210/ispanshbab/multiply/azuzephre_header2.jpg) repeat-x bottom left;
/* display: none; */
}
h1#page_owner_title {
width: 750px;
margin: 0 auto;
padding: 40px 0 0 0;
background-color: none;
background: none;
color: #765;
border: none;
font-size: 20px;
text-align: center;
font-family: trebuchet ms;
}
~~~~~+~~~~~+~~~~~+~~~~~+~~~~~+~~~~~+~~~~~+~~~~~+~~~~~+
:: hope you like it.
:: enjoy..!! Ü |
| |
![http://i201.photobucket.com/albums/aa217/fluffy_1226/butt.jpg"](http://i201.photobucket.com/albums/aa217/fluffy_1226/butt.jpg"){kind=link}
![http://i128.photobucket.com/albums/p183/BigDaddySupes/emopeople.jpg"](http://i128.photobucket.com/albums/p183/BigDaddySupes/emopeople.jpg"){kind=link}
