My Xanga layout Options

[lovelymissphoebe]

Hey! Well, here's the thing. I found a layout on some site, and I want to use only a few parts of it {like editing the scrollbar, drop down lists, and dates} How can I do that? I tried just putting the part of the code in my custom header, and it didn't quite work

[*digital.fragrance*]

Well, you paste the parts of the codes that you want in your header - but you have to make ure that you complete the tags - the </style> and </scripts> tags - It can be complicated.

If you want to post the code and then name the stuff you want out of it, maybe we can extract the content for you.

[lovelymissphoebe]

Alright! I'd really appreciate it if you could, thanks.

CODE

<font face="verdana" size=5 color=#BFFF80></font><font face="verdana" size=5 color=#FF0080></font><font face="verdana" size=5 color=#BFFF80></font><br><font face="felix titling" size=8 color=#FFFFFF>Circle of Friends</font><br><font face="verdana" size=1 color=#FFFFFF>___________________________________________</font>

<style type="text/css">/* <span class='searchlite'>fairytale</span> Stylesheet *//* by Phoebe () *//* <a href='http://blogring' target='_blank'>http://blogring</a>

*/body {background-color: #000000;
background-image: url(http://i8.photobucket.com/albums/a30/lovelymissphoebe/Full%20Screen%20Collages/Trio.jpg);
background-repeat: no-repeat;
background-attachment: fixed;
background-position: center;
background-color: #ffffff;
scrollbar-arrow-color: #000000;
scrollbar-track-color: #ffffff;
scrollbar-shadow-color: #000000;
scrollbar-face-color: #000000
scrollbar-highlight-color: #ffffff;
scrollbar-darkshadow-color:#000000;
scrollbar-3dlight-color: #ffffff;}

.left, .blogbody, table.footer, .standard, .leftmodulefontcolor, td, p
{/* edits main text */  font:normal 16px parade;
line-height:16px;  color:#7A7A7A;
letter-spacing:1px;
text-align:center;}.left B, { font: bold 12px parade; color: "#7A7A7A";
line-height: 16px;}.blogbody b, .standard b, p b, strong {/* edits bolded text in your entry */font-weight: bold;color: #7A7A7A;}table.footer TD {/* this makes the footer at the bottom centered *//* leave it alone unless you know what to do*/

text-align: center;}div.blogheader, .caption
{/* edits the dates */
font-family: juice itc;
text-transform:lowercase;
font-size:24px;
line-height:24px;
font-weight:NORMAL;
height: 2px;
color: #7A7A7A;
letter-spacing:1px;
text-align: center;
background-color: #E0E0E0;
border: 2X dashed #474747;
}a:link, .footernav.link, a.footernav:link, a.footernav:active
{/* edits all links */
color:#474747;
text-decoration: none;
font:normal 12px batang;
line-height:16px;

}a:visited, a.footernav:visited,  {/* edits the links that the user has visited */
color: #474747;
text-decoration: none;
font:normal 12px batang;
line-height:16px;

}a:hover {/* edits when user mouseovers the links */
color:#FFFFFF;
text-decoration: none;
font:bold 12px batang;
line-height:16px;
background-image: url();
border: none}

input, select, textarea, .textfield, .button
{/* this edits the buttons, dropdowns, etc. */
border: 1px solid #000000;
font:normal 12px batang;
background-color: #E0E0E0;
letter-spacing:1px;
color: #474747;  

}table.left {/* this edits the menu module */
border: 2px dashed #474747;
width:160px;
font:normal 11px batang;
line-height:16px;

}table.blogbody {/* this edits the other the place where the  blog is */
border: 2px solid #E0E0E0;
background-image: url();
background-color: #E0E0E0;
width:400px;
font:normal 11px batang;
line-height:16px;
color: #474747;

}table.left th {/* on your menu module, this edits the title part of it *//* like BLOGRINGS, POSTING CALENDAR, etc */  background-image: url();
font: bold 12px batang;
color: #E0E0E0;
border: none;
BORDER-BOTTOM: #E0E0E0 2px solid;

}table.left TD {/* on your menu module, this edits the body part of it */
background-image: url();
background-color: #E0E0E0;
border: none;
font:normal 11px batang;
line-height:16px;
color: #474747;

}table.search TD, table.search, table.announcements {/* border of search bar (if you have it) */
background-image: none;
background-color: #E0E0E0;
border: 0px solid #E0E0E0;  

}table.search TD, table.announcements TH {/* this should be left alone *//* unless you know what to do */  
border: 1px solid #E0E0E0;

}table.navigation, table.main, table.footer {/* the width of your blog with modules */  
width: 500px;
}hr {/* horizontal divider */  border: 1px solid #E0E0E0;  }</style>  <!-- End Script by blogring --><BODY style="border-bottom: #0000000t solid; border-top: #0000000t solid; border-left: #0000000t solid; border-right: #0000000t solid"></TBODY>

I'd like the scrollbar part, the dropdown list part, and where it edits the dates.

[*digital.fragrance*]

CODE

<style type="text/css">
body {
scrollbar-arrow-color: #000000;
scrollbar-track-color: #ffffff;
scrollbar-shadow-color: #000000;
scrollbar-face-color: #000000
scrollbar-highlight-color: #ffffff;
scrollbar-darkshadow-color:#000000;
scrollbar-3dlight-color: #ffffff;}

div.blogheader, .caption
{/* edits the dates */
font-family: juice itc;
text-transform:lowercase;
font-size:24px;
line-height:24px;
font-weight:NORMAL;
height: 2px;
color: #7A7A7A;
letter-spacing:1px;
text-align: center;
background-color: #E0E0E0;
border: 2X dashed #474747;

</style>

There's the dates and the scrollbar - the drop down list wasn't in the code that you posted. Make sure to credit her for the coding.

[lovelymissphoebe]

Thank you very, very much!! I really appreciate it :)
--I'll be sure to credit, too

[*digital.fragrance*]

Not a problem! That's what I'm here for

Topic Closed

[lovelymissphoebe]

I found the part of the code that I'd like to have

CODE

line-height:16px;
background-image: url();
border: none}

input, select, textarea, .textfield, .button
{/* this edits the buttons, dropdowns, etc. */
border: 1px solid #000000;
font:normal 12px batang;
background-color: #E0E0E0;
letter-spacing:1px;
color: #474747;  

}table.left {/* this edits the menu module */
border: 2px dashed #474747;
width:160px;

{I added a little more (menu module and such) because with all the spacing, I wasn't sure what actually went with editing the buttons and dropdowns}

[talcumpowder]

CODE

input, select, textarea, .textfield, .button
{/* this edits the buttons, dropdowns, etc. */
border: 1px solid #000000;
font:normal 12px batang;
background-color: #E0E0E0;
letter-spacing:1px;
color: #474747;  

}

That part edits the dropdowns and stuff.

-> Topic Opened&Merged.

[lovelymissphoebe]

Alright. At first, I tested the layout here. the drop down list has a different font (in this case, batang) then when I put your modified code in my webpage, it's still the default font

The code I put in my page is

CODE

<style type="text/css">
body {
scrollbar-arrow-color: #FF80BF;
scrollbar-track-color: #ffffff;
scrollbar-shadow-color: #FF80BF;
scrollbar-face-color: #FF80BF
scrollbar-highlight-color: #ffffff;
scrollbar-darkshadow-color:#FF80BF;
scrollbar-3dlight-color: #ffffff;}

div.blogheader, .caption
{/* edits the dates */
font-family: blackadder itc;
text-transform:lowercase;
font-size:48px;
line-height:48px;
font-weight:NORMAL;
height: 2px;
color: #FF80BF;
letter-spacing:1px;
text-align: center;
background-color: #FFFFFF;
border: 5X dashed #F7C7DF;

input, select, textarea, .textfield, .button
{/* this edits the buttons, dropdowns, etc. */
border: 1px solid #FF80BF;
font:normal 12px batang;
background-color: #FFFFFF;
letter-spacing:1px;
color: #FF80BF;

}
</style>

And until I add the

CODE

input, select, textarea, .textfield, .button
{/* this edits the buttons, dropdowns, etc. */
border: 1px solid #FF80BF;
font:normal 12px batang;
background-color: #FFFFFF;
letter-spacing:1px;
color: #FF80BF;

}

it all works fine

[lovelymissphoebe]

:) I figured it out, but thanks for all your help anyway!! You can see my finished producthere!

[gelionie]

Glad you got the help you needed.

[ TOPIC CLOSED ]