Header ... You may copy and use this example on your page in sections like about me.
Background,
Be sure to copy the complete code below line and paste in you CSS box in the Design Profile sections,
--------------------------------------------------------
.top2{visibility:hidden;display: none;border: none; !important}
"Feathers " Background By Ally
div.color{display:none !important;}
/*Scrollbar Top*/
::-webkit-scrollbar {
height: autopx;
width: 30px;
background-color:#4B371c!important ;
border:2px solid #4B371c;
-webkit-border-radius: 100px;
-webkit-box-shadow: 0px 0px 0px rgba(253,74,207,0.7);
-moz-border-radius: 45px;
border-radius: 45px;
}
::-webkit-scrollbar-thumb {
background-image:url(https://img1.dreamies.de/img/514/b/3d20l2hukk4.gif);
URL CODE BAR HERE AGAIN ten2 NA
https://img1.dreamies.de/img/514/b/3d20l2hukk4.gif
width:25px;height:100px;border:2px solid #4B371c;
-webkit-border-radius: 45px;
-webkit-box-shadow: 0px 0px 0px rgba(253,74,207,0.7);
}
::-webkit-scrollbar-corner {
background:#4B371c;
}
::-webkit-scrollbar-button:start:decrement,::-webkit-scrollbar-button:end:i ncrement {width:25px;height:autopx;display: block;background: url(https://img1.dreamies.de/img/514/b/3d20l2hukk4.gif) center center;background-repeat:no-repeat !important;width : 25px !important ;height : autopx;background-color:#4B371c;border-width:2px;border-radius:45px}
}::-webkit-scrollbar-track-piece{background-color:#transparent;-webkit-box- shadow:inset 0px 0 0px #000000;}::-webkit-scrollbar-thumb:vertical{width: 25px;background-color:#transparent;-webkit-box-shadow:outset 2 2 2px #4B371c;border-width:2px;-moz-border-radius-topleft:45px;-moz-border-radius -topright:45px;-moz-border-radius-bottomleft:45px;-moz-border-radius-bottom right:45px;-webkit-border-radius:45px;border-radius-topleft:45px;border-rad ius-topright:45px;border-radius:45px;}::-webkit-scrollbar-thumb:vertical:ho ver{width: 25px;background-color:#transparent-webkit-box-shadow:outset 2 2 2px #000000;border-width:0px;-moz-border-radius-topleft:45px;-moz-border-radius -topright:45px;-moz-border-radius-bottomleft:45px;-moz-border-radius-bottom right:45px;-webkit-border-radius:45px;border-radius-topleft:45px;border-rad ius-topright:45px;border-radius:45px;}
/*Scrollbar End*/
html{scrollbar-face-color: #4B371c;scrollbar-highlight-color: #D77A1F;scrollbar-3dlight-color: #AC7A44;scrollbar-shadow-color: #000000;scrollbar-darkshadow-color: #000000;scrollbar-arrow-color: #4B371c;scrollbar-track-color: #000000;}
body { background: #000000; color: #000000; }#main { background: transparent; color: #4B371c; }a { color: #4B371c; }a:hover { color: #4B371c; }#top { background: transparent; color: #4b371c; }#top a { color: #C0C6C8; }#top a:hover { color: #4B371c; }.top2 { background: transparent; }.mainmenu5 { background: transparent; color: #D3D3D3; }.border2 { background: transparent; color: #D3D3D3; border: 0px transparent solid; }.color { color: #4B371c }.border13 { background: transparent; color: #D3D3D3; }.border13 a { color: #4B371c; }.border13 a:hover { color: #4B371c; }.comment { background: transprent; }.comment-text { color: #D1B7a; }.comment-head { background: transparent; color: #4B371c; }#outer2 { background: transparent; }.menu { background: transparent; color: #4B371c; }.menu2 { background: transparent; color: #4B371b; }.item3 { border-bottom: 1px transparent solid; color: #e49d9d; }.item2 { border-bottom: 0px transparent solid; border-top: 2px transparent solid; border-left: 1px transparent solid; border-right: 1px transparent solid; background: transparent; }.item { border-bottom: 1px transparent solid; border-top: 1px transparent solid; border-left: 1px transparent solid; border-right: 1px transparent solid; background: transparent; }.item a { color: #4B371c; }.item a:hover { color: #4B371c; }.item2 a { color: #4B371c; }.item2 a:hover { color: #4B371c; }#bottom3 { background: transparent; color: #4B371c; }#bottom4 { background: transparent; color: #4B371c; }#bottom3 a { color: #4B371c; }#bottom3 a:hover { color: #4B371c; }
body{border:none;}#main{border:none;}.border2{border:none;}.border13{border:none;}#outer2{border:none;}#outer2 { width:870px; }.item3{border:none;}#top{border:none;}.top2{border:none;}
#outer2{color:#4B371c; font-size: 20px ! important; border:none;}
/*LINKS-FONT-GALLERY MENU HOME FRIENDS ETC NA*/#outer2 a{ color: #4B371c;}#outer2 a:hover { color: #4B371c;text-decoration: none;}/*N A LINKS HOVER-FONT-GALLERY MENU HOME FRIENDS ETC*/body { background-image: URL(https://img1.dreamies.de/img/211/b/rfroqc39q0e.jpg); border: none; background-attachment: fixed; background-no-repeat: no-repeat;font-family:georgia;font-style:Chopin Script; font-weight:bold;background-position: center center;} /*BACKGROUND-PAGE FONT STYLES*//***//*To get rid of Headers and image by headers REMOVE ABT ME & FROM ON COMMENT HEAD ETC*/.sqr1 {width: 0px; height: 0px; display: none}.block_header {width: 0px; height: 0px; display: none}
/* NA THIS SECTION CONTROLS THE HEADERS LEFT AND RIGHT SIDE-HEADER FONTS AND HEADER BACKGROUND PICTURE*/
.mainmenu5 {background: url(https://img1.dreamies.de/img/443/b/y3x94i06440.gif)center no-repeat !important; height:250px !important; color: #4B371c; font-face: Chopin Script; font-size: 20px !important;color: #4B371c; text-align:center; vertical-align: top; padding-top: 2px !important; border: none !important; filter: none !important;}/*ALL BOX HEADERS COLOR AND HEADER FONT STYLES-HEADER BACKGROUND PICTURE*/
.block_header{font-family: georgia; color: #4B371c; font-size: 20px !important; text-align: center; vertical-align: top; padding-top: 2px !important; border: none !important;}/*LEFT SIDE MENU HEADERS*/
/***/
/*THIS SECTION CUSTOMIZES THE GOOGLE SEARCH BUTTON AND SEARCH BACKGROUND NA*/
#sbb {background:transparent; border:none; color:transparent;font-family:georgia !important; font-size: 15px !important;}/*GOOGLE SUBMIT BUTTON*/.td,tr,table {background: transparent; cellPadding: 0px;cellSpacing: 0px;}/* MAKES THE GOOGLE PADDING TRANSPARENT*/.mainmenu5 img {visibility: hidden;}/*THIS TAKES THE SQUARE BULLETS OFF ALL HEADERS*/#sbi{background:transparent !important;border:none;}/*GOOGLE INPUT BACKGROUND TRANSPARENT*/INPUT {background:transparent !important;}/*CHANGES COLOR BACKGROUND PADDING ON CLICK GOOGLE SEARCH short box, SO WHITE PADDING WILL NOT SHOW THROUGH*/
/***/
/***/
/*SPECIAL IMPORTANT ITEMS-SQUARE HEADER BULLET, MAIN IMAGE BORDER, USER IMAGE POP UP TEXT, AND GALLERY IMAGE BORDERS-DIV FONTS-SPAN COLORS*//*THE DIV PART IN THIS SECTION CHANGES THE PROFILE SETTINGS BOX FONT SIZE WHICH HASN'T BEEN ADDED BEFORE, BUT IT ALSO CHANGES THE FONT SIZE OF THE PROFILE USER NAME NA*/
.mainmenu5 img {visibility: hidden;}/*THIS TAKES THE SQUARE BULLETS OFF ALL HEADERS*/
.pic1{background: url(https://img2.dreamies.de/img/963/b/rw9jucwtv67.gif)right !important;padding: 4px !important;text-align: right;position: 0px;border: 8px #000000 double !important;-moz-box-shadow: -0px -0px 0px #666;-webkit-box-shadow: -0px -0px 0px #666;-webkit-transition: all 2s ease-in-out;-moz-transition: all 2s ease-in-out;-o-transition: all 2s ease-in-out;-ms-transition: all 2s ease-in-out;transition: all 2s ease-in-out;padding-top:2px;padding-left:2px;padding-bottom:2px;padding-rig ht:2px;border-radius: 45px;-moz-box-shadow: 0 0 0px 0px #000000;-webkit-box-shadow: 0 0 0px 0px #000000;box-shadow: 0 0 0px 0px #000000;}
.pic2:hover,.pic2.hover_effect{
background: url( NOT SURE)right !important;padding: 2px !important;text-align: right;position: 0px;border: 6px #000000 double !important;-moz-box-shadow: -0px -0px 0px #666;-webkit-box-shadow: -0px -0px 0px #666;
filter:progid:DXImageTransform.Microsoft.dropShadow(color=#444,offX=-5,offY=-5,positive=true);
-webkit-transform:rotate(720deg) scale(2,2);-moz-transform:rotate(720deg) scale(2,2);-o-transform:rotate(720deg) scale(2,2);-ms-transform:rotate(720deg) scale(2,2);transform:rotate(720deg) scale(2,2); }
.post img{
-webkit-transform:scale(0.8);-moz-transform:scale(0.8);-o-transform:scale(0.8);-webkit-transition-duration: 0.5s;-moz-transition-duration: 0.5s;-o-transition-duration: 0.5s;opacity: 0.7;margin: 0 2px 2px 0;}
.post img:hover{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);opacity: 1;}
div {font-family: Adobe Caslon Pro !important !important;font-size: 8pt !important;background: url(NOT SURE HTTP);background-repeat: repeat-x;
}
DIV {font-family: georgia !important; font-size: 20px !important; color: #FFFFFF !important;}/*FONT NAME COLOR WHEN HOVERING OVER USER PICURES, PROFILE USER NAME, PROFILE BOX TEXT, AND LINE SEPARATOR BETWEEN BOTTOM LINKS*/
span{color: #FFFFFF !important;font-weight: bold !important;}/*ONLINE STATUS-DROP DOWN MENU TEXT*/
#numEm, #total_count_comments, #from_count_comments {font-family: georgia !important; font-size: 20px !important; color: #4B371c !important;}/*MESSAGE LINK NUMBER AT TOP OF PAGE*/ /*NUMBER OF COMMENTS SHOWING*/ /*NUMBER OF COMMENTS SHOWING*/
/***/
/*THIS SECTION CONTROLS THE PAGE CONTACT TABLE LINKS AND BACKGROUND-MEMBER SINCE TEXT*/
.border13, .border13 a {background: transparent; color: #FFFFFF; font-family: georgia !important; font-size: 15px !important;}/*CONTACT TABLE BACKGROUND AND FONT*/ /*CONTACT TABLE LINKS*/.border13 a:hover {color: #000000 !important;font-family: georgia !important; font-size: 15px !important;text-decoration: underline;}/*CONTACT TABLE LINK HOVER-BORDER AND MEMBER SINCE TEXT*/ a, a:active, a:link, a:visited, a:hover,a.text:link, a.text:active, a.text:visited, a.redlink:link, a.redlink:active, a.redlink:visited, a.redlink:hover {color: #FSDEB3; font-size: 15pt;font-family:georgia; text-decoration: none; }/*ALL OTHER LINKS*/
a.navbar:hover, a.link:hover,a.man:hover, a:hover {color: #000000!important; font-size: 15pt !important;font-family:georgia; text-decoration: none; }/*ALL OTHER LINKS*/
.color, #top td {color:#4B371c!important;}/*MEMBER SINCE-DATE-BODY FONT COLORS*/
#main, .menu, .menu2 { background-color: transparent; color:#000000; border: none; font-family:georgia !important; font-size: 15px !important; border-bottom: none !important;} /*MEMBER INFORMATION FONT-TAKES OUT BACKGROUND AROUND BOXES*/ /*MENU MY DETAILS*/ /*MENU BACKGROUNDS*/
#profile_headline {font-size 20px !important; color: #4B371c !important;}
/***/
/*N A THIS SECTION CONTROLS THE TAB LINKS*/#outer2 { background-image: url(https://img1.dreamies.de/img/514/b/3d20l2hukk4.gif); border:none;}/*Top Menu Home Q&A News Gallery Browse Blogs Gifts LINKS BACKGROUND*//*THE TAB LINKS */.item, .item2 { border: 2px solid #676767 !important;background: url(https://img1.dreamies.de/img/514/b/3d20l2hukk4.gif) !important;box-shadow: 0px 0px 0px 0px #4B371c INSET!important;font-size:20px;font-family: Copperplate Gothic;border: 3px #;border-top-left-radius: 20px;border-bottom-right-radius: 10px}
.item2 { border-bottom: 2px ridge #000000; border-top: 2px ridge #000000; border-left: 2px #000000 ridge; border-right: 2px #000000 ridge; color: #4B3716; background:transparent;); background-repeat: repeat;background-position: center;font-size:8px !important;}/*TAB MENU BORDER AND TABS BACKGROUND*/
.item3 { border: none; color: #676767!important; background: transparent;font-face: georgia !important;font-size: 20px !important;}/*TAKE OUT BORDER STRIP AT BOTTOM OF TABS*/
.item a{ color:#4B371c!important;}/*TAB LINK FONT COLOR*/.item2 a { color: #4B371c!important;}/*TAB LINKS FONT COLOR AND BACKGROUND*/.item2 a:hover { color: #4B371c!important; text-decoration: underline; background:transparent;}/*TAB HOVER FONT COLOR*/
/*THIS SECTION CONTROLS THE LINKS ABOVE THE TAB LINKS*/
#outer2 { background-color: transparent; border:none; font-size: 15px !important;} /*LINKS-FONT-GALLERY MENU HOME FRIENDS ETC Background*/
#outer2 a{ color: #000000;font-size: 20px !important;}/*LINKS-FONT-GALLERY MENU HOME FRIENDS ETC*/
#outer2 a:hover { color: #FFFFFF!important;text-decoration: underline;}/*LINKS HOVER-FONT-GALLERY MENU HOME FRIENDS ETC*/
/*THIS SECTION CONTROLS THE BACKGROUND COLOR, FONT FACE, AND BORDER OF THE PROFILE BOXE AND COMMENT BX COMBO*/
.border2, .comment {background:url(https://img1.dreamies.de/img/568/b/p4ormgfhm94.jpg) repeat !important; color: #000000 !important; border: color: #000000 !important; border: 3px #4B371c double !important ;
!important; font-family:georgia !important; font-size: 20px !important;font-style:italic !important;} /*BORDER AROUND BOXES FONT COLOR INSIDE PROFILE SETTINGS BOXES*/ /*COMMENTS BACKGROUND COLOR-BORDER-TRANSPARENCY-FOR FIREFOX ALSO*/.comment-text img { max-width:380px; height:auto; } /* This resizes your comment pictures so you don't have any scroll bars*/
.comment-text { color: #FFFFFF!important; font-family: georgia !important;font-size: 20px !important; overflow-x:auto;
position: relative; width: 380px;}/*COMMENT FONT STYLES AND NO STRETCH CODE*/
.a_comment_head{ color: #000000 !important; background: transparent !important; text-align: center !important;}/*USER
NAME LINK COLOR ON USER COMMENTS HEADER*/
.forum-q {background-color:transparent;border:1px #000000 solid; color: #000000 !important; font-family: georgia !
important;font-size: 12px !important;font-style:italic;font-weight:bold;padding-top:7px;padding-right :10px;padding-
bottom:10px;padding-left:12px;}/* STYLES QUOTE CONTAINED WITHIN A REPLY */
/*THIS CONTROLS THE MCELAYOUT COMMENT BOX BACKGROUND, RESIZE BUTTON AND PATH LINK*/
.mceToolbar{background-image: Url(https://img1.dreamies.de/img/568/b/p4ormgfhm94.jpg) ! important;) background:#4B371c ;border:10px #4B371c!important;}/*CHANGES TOP MENU BACKGROUND blow this is box around comment*/
.mceLayout{background-image: Url(https://img1.dreamies.de/img/568/b/p4ormgfhm94.jpg) ! important;)background:##FFFFFF ;font-family: georgia !important;border:18px ridge #FFFFFF!important;}/*BOTTOM TRIM-CHANGES BACKGROUND, COMMENTBOX OUTER BORDER//BOTTOM LINE*/
.mceStatusbar{ color: #000000 !important; font-size: 12px !important;border-right: 1px solid #000000 !important; border-left: 1px solid #000000 !important; border-top: 1px solid #000000 !important; border-bottom: 1px solid #000000 !important;}/*COMMENT TOOL BAR BOTTOM MCE BORDER COLOR-PATH COLOR*/
#maintext_resize {background: transparent;background-image: url(https://img1.dreamies.de/img/568/b/p4ormgfhm94.jpg) ! important;) background-position:center; background-repeat: no repeat; width:20px; height: 20px;overflow:hidden;}/*RESIZE PICTURE AT CORNER OF MCE BOX*/
#maintext_path_row{font-size:15px !important;}/*PATH LINK AT BOTTOM LEFT
/*THIS SECTION IS FOR THE MCELAYOUT BUTTONS TOP ROW ONLY-BUTTON BORDERS ON HOVER-LINE BETWEEN BUTTONS*/
.mceButton{background-color:#000000 !important;border: #000000 1px solid!important;}/*CHANGES TOOLBAR
.mceButton:hover {background-color: #000000!important;border: #000000 1px solid!important;}/* TOP BTN ROW & HOVER*/
.mceSeparator{visibility: hidden !important;background: #000000!important;}/*CHANGES LINE SEPARATOR COLOR BETWEEN BUTTONS ON COMMENT TOOLBAR OR YOU CAN HIDE THE LINE WITH VISIBILITY,,,NOT IMPORTANT TO DO*/
#maintext_image{padding-left: 0px !important;}/*MCE IMAGE BUTTON-TAKING OUT PADDING FOR BETTER ALIGNMENT*/#maintext_code{padding-left: 0px !important;}/*MCE HTML BUTTON-TAKING OUT PADDING FOR BETTER ALIGNMENT*/
/*THIS SECTION CUSTOMIZES THE DROP DOWN MENUS ...FONT STYLE & SIZE BTNS 2nd row*/
.defaultSkin .mceListBox A{background-color:#000000!important; border-right: 10px solid #4B371c !important; border-left: 1px solid #000000 !important; border-top: 1px solid #000000 !important; border-bottom: 1px solid #000000 !important;}/* BG ON ARROWS & 2ND ROW BTNS FONT & SIZE ,,,SELECT DROP DOWN MENU ARROW BUTTON BACKGROUND IN COMMENT TOOL BAR*/
.defaultSkin .mceListBox .text {color: #ffffff !important;border-right: 1px solid #000000 !important; border-left: 1px solid #000000 !important; border-top: 1px solid #000000 !important; border-bottom: 1px solid #000000 !important;border-style: hidden !important;}/* TEXT COLOR-FONT STYLE & SIZE BTN ON 2ND ROW*/
.defaultSkin .mceColorSplitMenu{background-color: #b9aa65!important; color: #000000 !important;border-right: 1px solid #000000 !important; border-left: 1px solid #000000 !important; border-top: 1px solid #000000 !important; border-bottom: 1px solid #000000 !important;}/*COLOR PICKER BACKGROUND COLOR IN COMMENT TOOL BAR MENU,,WORKS*/
.defaultSkin .mceListBox {background-color: #000000 !important;border-right: 1px solid #000000 !important; border-left: 1px solid #000000 !important; border-top: 1px solid #000000 !important; border-bottom: 1px solid #000000 !important;}/*DROP DOWN MENU BACKGROUND COLOR BUT NOT THE BUTTONS IN COMMENT TOOL BAR...DONT WORK/*/
.defaultSkin .action .forecolor{background-color: #000000 !important; color: #000000 !important; border:none;}/*COMMENT TOOL BAR MCE A SELECTION BACKGROUND..BG COLOR ON 'A' BOX*/
.defaultskin .mceSplitButtonEnabled .forecolor {background-color:#000000 important; border: none !important;}/*COMMENT TOOL BAR MCE A SELECT ARROW BORDER AND BACKGROUND BG COLOR ON 'A; BOX ARROW BOX******/
/*THESE ARE MODIFICATIONS MADE TO CLEAN UP BORDERS, FONT, AND ALIGNMENT ON THE MCE DROP MENUS*/
#maintext_fontselect, #maintext_fontsizeselect, .action_forecolor{border: none !important;}/*TAKES OUT EXTRA BORDER AROUND MENU */
#maintext_fontselect_text:hover, #maintext_fontsizeselect_text:hover{border: 1px #ffffff solid !important; background-color: #FFFFFF !important; color: #ffffff !important; font-size: 20px !important; text-decoration:overline underline !important;}/*HOVER FONT ON FONT FACE DROP MENU-BACKGROUND IMAGE HOVER*/
#maintext_forecolor {background-color: transparent !important; border: 1px #000000 solid !important;}/*TAKES OUT WHITE PADDING AROUND THE FONT A BUTTON ON COMMENT TOOLBAR-ON SELECT IN IE BROWSER*/
.defaultSkin .mceMenu A{background-color: #4B371c !important; border: none !important; color: #4B371c!important;}/*CHANGES FONT DROP DOWN BACKGROUND ON COMMENT MCE*/
.defaultSkin .mceMenu A:hover{background-color: #4B371c !important; border: none !important; color: #4B371c !important;}/*CHANGES FONT DROP DOWN HOVER HIGHLIGHT SELECT ON COMMENT MCE*/
#menu_maintext_maintext_fontselect_menu_co, #menu_maintext_maintext_fontsizeselect_menu_co{border: 1px # solid !important;}/*FONT FACE SELECT DROP DOWN MENU BORDER*/
#maintext_image, #maintext_code{padding-left: 0px !important;}/*MCE IMAGE BUTTON-TAKING OUT PADDING FOR BETTER ALIGNMENT*//***//***//*THIS CONTROLS THE COMMENT SUBMIT BUTTON AND THE SUBMIT BUTTON ON HOVER*/
.mainmenu6 {background: url(https://img1.dreamies.de/img/763/b/2jn9l983coz.jpg) center !important; vertical-align: center !important; border:none; width: 280px; height:125px; font-size: 0px !important; font-family: georgia !important; color: #; font-weight: bold !important;} /*COMMENT SUBMIT BUTTON BACKGROUND-FONT*/.mainmenu7{background: url(https://img1.dreamies.de/img/328/b/m7g0aao2hew.jpg) center !important; vertical-align: center !important; background-color:transparent !important; border: none; width: 280px; height:125px; font-size: 0px !important; font-family: georgia !important; color: #; font-weight: bold !important;} /*COMMENT SUBMIT BUTTON BACKGROUND-FONT*/
/*THIS NA IS SQUARE BOX IN PG CENTER WITH TABS AND ABV TABS SEPARATED BY PIC IN CERNTER WITH BORDER AROUND BOX*/
#top{
background:url(https://img1.dreamies.de/img/533/b/j9t1jovwc1i.gif)no-repeat center;width: 1200px !important;602px !important;
height:#600px;
background-color:#;
padding-top:5px;padding-bottom:600px;
margin:auto;border-left:20 px solid #4B371c!important;border-right:20 px solid #4B371c !important;border-top:20 px solid #4B371c !important;border-bottom:20 px solid #4B371c !important;-moz-border-radius: 20px;-webkit-border-radius: 20px;border-radius: 20px;box-shadow: 10px 10px 10px # inset;-moz-box-shadow: 10px 10px 10px # inset;-webkit-box-shadow: 10px 10px 10px # inset;
