|
|
|
Official
DDD Profile Skin for Ezboard
(for ezSupporters)
If you are an ezSupporter, you can now "skin" your profile to look different. I made a
version that matches the DDD forum. Anyone who's a member of DDD that would like to have their profile match the forum's normal look, can copy-and-paste the following code. You can preview what it looks like by viewing my public profile. (click on my name) I will be working on other ones and anyone who creates one is welcome to paste the code here for sharing.
See this topic for help and detailed information on how you skin your profile:
http://beta.ezboard.com/fccfrm12.showMessage?topicID=2.topic
The profile looks like
this:
Or
you can see it live here
Steps to change
your profile:
- Log in to your Control Center.
- Click on the My Account tab.
- Click on the Edit Profile button.
- Scroll down to Profile Customization area and select
Custom CSS Only from the drop-down menu..
- Paste (CTRL-V for PC and Option-V for
MAC) the skin code in the text box titled Custom CSS Profile Skin.
Note: make sure the code you paste looks exactly like the original code copied; otherwise it will not work.
- Click on the Save Changes button.
- You can see the change by clicking on the
View Profile link.
You must copy ALL of the
text in the box below in order to have it work properly.
/* profile css 2002 MemoryandDream */
/* Drink Deeply and Dream.com profile skin */
/* for members of http://pub13.ezboard.com/bdrinkdeeplyanddream */
/* ! basic elements */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
body {
background-image: url(http://www.drinkdeeplyanddream.com/ddd-forum/colors-2a.jpg);
color: #C5A47D;
margin:0 0 0 0;
padding: 0 0 0 0;
font: 10px/1.5em Verdana, sans-serif;
}
a { color: #FFCC66; text-decoration: none; }
a:link { text-decoration: inherit; font : 10px Verdana; }
a:visited { text-decoration: inherit; font : 10px Verdana; }
a:hover { background: #c0c0c0; color: #990000; text-decoration: underline; }
a:active { background: transparent; color: #FF0033; text-decoration: underline; }
h1 { font : bold 12px Verdana; margin : 0;}
h2 { color : #ffffff; font : bold 12px Verdana;}
dl { border-left : 2px dashed #F7F7F7; font-size : 10px; margin : 2px 0 0 15px; padding : 0 0 0 5px; }
img { border: 0; vertical-align : bottom; }
/* master positioning */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* wraps the 3 major blocks - heading, main and footing */
#wrapper { background : transparent; width : 760px; margin : 10px auto 0 auto; font : 9px; }
/* 1st major block */
#heading {
background-color : #600000;
border-top : 1px dotted #808080;
border-right : 1px dotted #808080;
border-bottom : 1px dotted #808080;
border-left : 1px dotted #808080;
padding : 5px;
font-size : 9px;
margin : 9px;
}
/* hypermatch button if it exists */
#hypermatch {
float : right;
border-top : 0px none #c0c0c0;
border-right : 0px none #7808080;
border-bottom : 0px none #808080;
border-left : 0px none #c0c0c0;
background-color : #400000;
font-size : 9px;
}
a.hypermatch { background-color : transparent; display : block; }
a.hypermatch:hover { background-color : #c0c0c0; display : block; text-decoration: none;}
#personalphoto {
float : left;
border-top : 0px none #c0c0c0;
border-right : 0px none #808080;
border-bottom : 0px none #808080;
border-left : 0px none #c0c0c0;
margin-right : 9px;
background-color : #400000;
font : 10px;
}
#totalposts, #membersince { color : #c0c0c0; font : small-caps 12px Verdana; font-size : 12px; }
/* 2nd major block */
#main {
background-color : #400000;
border-top : 1px dotted #808080;
border-right : 1px dotted #808080;
border-bottom : 1px dotted #808080;
border-left : 1px dotted #808080;
padding: 9px;
margin : 9px;
font : 10px Verdana;
}
/* controls 2 information sections */
#personalinfo { float : left; padding-right: 15px; width : 300px; font : 10px Verdana; }
#contactinfo { float : left; width : 300px; font : 10px; }
/* information boxes */
#firstname, #lastname, #age, #location, #occupation, #hobbies, #personalbio, #email, #pm, #im, #link, #recentposts { margin : 5px 5px 10px 7px; margin-bottom : 5px; margin-left : 5px; margin-right : 5px; margin-top : 5px; font : 9px; padding : 10px; }
.title { color : #c0c0c0; font : small-caps 12px Verdana; }
.value {
color : #CEA370;
}
.privatevalue { color : #AC7A40; font-style : normal;}
/* privatemessaging form */
#privatemessageform { font-size : .75em; margin : 2px 0 0 15px; padding : 0 0 0 5px; width : 150px; text-align : right; font : 9px; }
input#subject, textarea#message { background-color: #F7F7F7; font : 10px Verdana; width : 150px; }
input#send { background-color: #400000; color: #8D9FBB; font-size : 10px; }
/* 3rd major block */
#footing {
background-color : #600000;
color : #c0c0c0;
font-size : 10px;
border-top : 1px dotted #808080;
border-right : 1px dotted #808080;
border-bottom : 1px dotted #808080;
border-left : 1px dotted #808080;
padding-left : 9px;
margin : 9px 9px;
}
div.spacer { clear: both; }
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* profile css 2002 MemoryandDream */
/* DrinkDeeplyandDream.com profile skin * |
Enjoy!
|
