Forums > My Xanga layout

Forums > Resource Center > Support Center > Xanga Support > Xanga Resolved Topics

lovelymissphoebe

Apr 16 2006, 08:40 PM

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

Apr 16 2006, 08:44 PM

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

Apr 16 2006, 08:54 PM

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>  <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

Apr 16 2006, 08:58 PM

CODE

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

Apr 16 2006, 09:00 PM

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

digital.fragrance

Apr 16 2006, 09:08 PM

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

Topic Closed

lovelymissphoebe

Apr 16 2006, 09:15 PM

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

Apr 16 2006, 09:17 PM

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

Apr 16 2006, 09:25 PM

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

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

Apr 16 2006, 10:30 PM

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

gelionie

Apr 17 2006, 12:20 AM

Glad you got the help you needed.

[ TOPIC CLOSED ]

This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.