Forums > Custom header

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

timmy263610

Jan 11 2006, 03:27 PM

right now, i want to insert a link for a picture that i made. i know i have to upload it to the site, but what i don't understand is how to insert that link into my code. the picture is moer like a header that i want to pu on top of the blogbody and comments stuff. xanga gave us this code

<!-- begin code provided by createblog.com --><br />center><img src="http://www.xanga.com/images/xangalogo.gif"></center <br /><!-- end code provided by createblog.com -->

which is helpful but i don't know where to put it. I want the picture to be on top of everything. And also i how do iknow for sure that the picture will be formatted correctly onto the page?

at the moment my code is as it is:

<!-- begin code provided by createblog.com --><br />body {<br />  background-color: #333333;<br />  scrollbar-arrow-color: #6495ed;<br />  scrollbar-track-color: #333333;<br />  scrollbar-shadow-color: #222222;<br />  scrollbar-face-color: #333333;<br />  scrollbar-highlight-color: #444444;<br />  scrollbar-darkshadow-color: #222222;<br />  scrollbar-3dlight-color: #444444; <br />  }<br /><br />.left, .blogbody, table.footer, .standard, .leftmodulefontcolor, td, p {<br />/* edits main text */<br />  font:normal 10px tahoma;<br />  line-height:10px;<br />  color:#bbbbbb;<br />  letter-spacing:0px;<br />  text-align:justify;<br />  }<br /><br />.blogbody b, .standard b, p b, strong {<br />  font-weight: bolder;<br />  color: #dddddd;<br />  }<br />table.footer TD {<br />/* this makes the footer at the bottom centered */<br />/* leave it alone unless you know what to do*/<br />  text-align: center;<br />  }<br />div.blogheader, .caption {<br />/* edits the dates */<br />  font-family:tahoma;<br />  text-transform:uppercase;<br />  font-size:10px;<br />  line-height:10px;<br />  font-weight:bold;<br />  color:#ffffff;<br />  letter-spacing:0px;<br />  background-color: #555555;<br />  text-align: center;<br />  }<br />a:link, .footernav.link, a.footernav:link, a.footernav:active {<br />/* edits all links */<br />  color:#6495ed;<br />  font:normal 10px tahoma;<br />  line-height: 10px;<br />  text-decoration: none;<br />  }<br />a:visited, a.footernav:visited,  {<br />/* edits the links that the user has visited */<br />  color:#6495ed;<br />  font:normal 10px tahoma;<br />  line-height:10px; <br />  text-decoration: none;<br />  }<br />a:hover {<br />/* edits when user mouseovers the links */<br />  color:#bbbbbb;<br />  font:normal 10px tahoma;<br />  line-height:10px;<br />  cursor: crosshair;<br />  text-decoration: none;<br />  }<br />input, select, textarea, .textfield, .button {<br />/* this edits the buttons, dropdowns, etc. */<br />  border: 1px solid #888888;<br />  font:normal 10px tahoma;<br />  background-color: #444444;<br />  letter-spacing:0px;<br />  color: #bbbbbb;<br />  }<br />table.left { <br />/* this edits the menu module */<br />  border: 1px solid #555555;<br />  width:160px;<br />   background-color: #444444;<br />  }<br />table.blogbody {<br />/* this edits the other the place where the  blog is */<br />  border: 0px solid #555555;<br />  background-color: #444444;<br />  width:450px;<br />  }<br />table.left th {<br />/* on your menu module, this edits the title part of it */<br />/* like BLOGRINGS, POSTING CALENDAR, etc */<br />  background-image: url(http://url.com/to/the/site/image.gif);<br />  background-color: #555555;<br />  font: bold 10px tahoma;<br />  text-transform: uppercase;<br />  color: #ffffff;<br />  border: none;<br />  }<br />table.left TD {<br />/* on your menu module, this edits the body part of it */<br />  background-image: url();<br />  background-color: #444444;<br />  border: none;<br />  }<br />table.search TD, table.search, table.announcements {<br />/* border of search bar (if you have it) */<br />  background-color: #555555; <br />  border: 1px solid #444444;<br />  }<br />table.search TD, table.announcements TH {<br />/* this should be left alone */<br />/* unless you know what to do */<br />  border: 0px solid #444444;<br />  }<br />table.navigation, table.main, table.footer {<br />/* the width of your blog with modules */<br />  width: 560px;<br />  }<br />hr {<br />/* horizontal divider */<br />  border: 1px solid #333333;<br />  }<br />BODY{cursor:crosshair}<br />table.footer {display: none;} <br /></style><br /><!-- end code provided by createblog.com -->

any help would be helpful thanks

digital.fragrance

Jan 11 2006, 03:36 PM

You should be able to put it at the very top of your code and it should display on the top of your page.

Now do you just want a link? Or do you want just the picture? Or do you want a picture that when clicked goes somewhere?

Just a link:

CODE

<center><a href="URL OF PICTURE HERE">Name this link whatever you want</a></center>

Just a picture:

CODE

Picture that leads to a another page:

CODE

In each of them, replace "URL OF PICTURE HERE" with the url of the uploaded picture. In the last code, replace the xanga.com link to whatever page or picture you want.

Hope that helps!

timmy263610

Jan 11 2006, 03:37 PM

wow im speechless, thanks so much

digital.fragrance

Jan 11 2006, 03:38 PM

QUOTE(timmy263610 @ Jan 11 2006, 3:37 PM)

wow im speechless, thanks so much

Not a problem - glad I could help!

heyyfrankie

Jan 11 2006, 05:28 PM

QUOTE(timmy263610 @ Jan 11 2006, 2:37 PM)

wow im speechless, thanks so much

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.