|
HTML - I Want To Add A Header Image To My Blog
I wanted to add a header image to my Tumblr (blog) theme.
This is a link to the theme I use so you can see what it looks like http://safe.tumblr.com/theme/preview/5136 Basically I wanted to have a rectangular image appear on every page on my site (kind of like this website and most others). I wanted it to be at the very top, above all links and appear on every page. I also want the image to be a link to the homepage (like the one here on htmlforum.com) Other than that if you could tell me what code I need to center everything instead of having it be on the left (as in the preview link) that would be great. I really don't know much about this stuff so thorough instructions will be much appreciated. I dont know whether to put this in HTML or CSS, but I will send my HTML if you want, it was just too long to paste here. Thanks a lot. Similar TutorialsHi all, well, i have a problem with the header in my blog. The address is blog.groffudd.net. When i open it with Mozilla Firefox everything is ok, but with ie7 my header hides the title of the first article... i can solve the problem putting
Code: <br /><br /> after the header, but then in firefox the space between the content and the header becomes too big. Is there a better way to control this space in the both browsers (btw i've put my header in table like you can see from the source)? Thank U in advance! Sry for this explanation, but my english is poor. Hi I've built a website for my karaoke show, and would like to add a blog page to the site. Rather than 3rd party, I'd prefer to have my own blog on my own domain to increase traffic for the SE crawlers. I was wondering... - what some good options are ie what blog software to use - if I can have a blog that somehow incorporates Facebook and Twitter (i've seen Facebook connect, but I'd like something that posts my blog messages to my Facebook and Twitter pages) I currently have a Typepad blog on there, but as I said, I'd prefer to have my own blog code, not third party. The site is www.billygoatkaraoke.com.au , and I'd really like the blog to stay on the site - I'm thinking that I'll have a blog page open up over the goat when someone clicks on the BLOG link. Cheers Shaun Hi I am new to this site, I am having problem in my non blog site. I was trying to integrate wordpress blog in my non blog site. I am nearly done only few issues. Here is the site http://www.zipanatomy.com/blog/ 1. the post titles are coming some other way, without linking and some coding. 2. down to the footer, I have called a footer.php file which is from the non blog site and is in the root directory, the problem here is, they are linking to the wordpress log folder. 3. And one more issue is when I click the categories and do any search from the sidebar, that are opening on the extreme right of the page instead of in center. please, advices from the pros where I am getting wrong. thanks in advance, chander why does my local copy of my site look like this http://img106.imagevenue.com/aAfkjfp...m_122_61lo.JPG but after I upload it to my webserver at http://shellsite.okinawapc.com it looks correct?? Hi experts, would it be possible for any advice on a header issue please. I have created a website at www.ukdecals.com the website expands to fit most browsers and i've tried it in IE9 and Firefox, to me everything looks fine at my monitor settings of 1152 x 864 pxls But a friend has just sent me a screen shot from his screen on his computer in IE9 and the header seems to not be expanding in length across the page, would anyone one be able to view the source code and see if they could spy the problem, i've looked at it myself and i can't see it, but only learning html in the last couple of months, i'll admit that this ones got me stumped. I'd appreciate any help you could give. Kind Regards Jas.... Http://www.nonvoicebpo.co.cc In the above site, the header image is not opening properly in Opera Browser, Header image as a small gap in the right side corner. i followed this help post http://www.htmlforums.com/html-xhtml...ie-108215.html, and i got to a certain point but now im stuck. I wanted to remove the big space that you see under the header. the link to my blog is http://kumarradio.tumblr.com. and the coding of the blog is posted as an attachment. heres the new line i added for a faster reference. <body> <h1 align=center><img src="http://img69.imageshack.us/img69/6729/newn.gif" id="" alt=""/></a> </h1> what should i change so that the space is removed ? Hey Guys, I am a graphic designer and don't know much about HTML (but am taking a class and about to start a few books). I am using tumblr right now and I am try to replace the automated header ("black atom studio") with a jpg banner. Anyone know where in the HTML I would do this and what code I would need to swap in? (the website I am working at is www.blackatomstudio.com ) (not a plug, just incase you guys need to see what I am talking about) Here is the code I need help on. http://snipplr.com/view/8582/blackatoms-tumblr/ Hi, I am trying to figure out why my background image is not showing up on my header... my website is http://www.mytodostuff.com I created the image to be 900px by 100px, and it should fit perfectly in the header div...but its not. Does anybody know why? i put the pic in my assets folder, its called 'banner.jpg' Hi all, I'm trying to make my background (which contains my logo and site name) to be clickable to my site's URL. Seem to be having difficulty because I am using a modified WordPress template along with linking to a stylesheet. Not very good or familiar with php and css, unfortunately. Anyone have some energy to crank this one out with me? sorry for being vague in my initial post. Here is the header php code: <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>[TITLE]</title> <link rel="stylesheet" type="text/css" media="all" href="<?php bloginfo( 'stylesheet_url' ); ?>" /> </head> Here is the css code: .header{margin:20px 0;} .header .top{background:url(images/logo-graphic.jpg) top left no-repeat; height:120px; width:960px; margin:20px auto;} .header .top #secondary{float:right; width:468px; height:60px; margin:20px 0 0 0; border:1px solid red;} .header .navigation{background:url(images/navigation-bar-bg.png) top left repeat-x; height:61px;} .header .navigation .nav-wrapper{width:960px; margin:0 auto; height:49px;} .header #searchform{float:right; width:325px; height:40px; margin-top:6px;} .header #searchform #s{font-size:14px; padding:6px 4px; border:1px solid #666; outline:none; -webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px; -moz-box-shadow: inset 0px 1px 3px #888;-webkit-box-shadow: inset 0px 1px 3px #888;box-shadow: inset 0px 1px 3px #888; } I've seen (and cannot find again) a header piece of artwork that was justified a percentage distance from the left of the page. Another plain slither of header artwork was repeated seamlessly across the total width of the page. It went 'behind' the prime piece of artwork and reappeared. The 'joins' were invisible. The header seemed / appeared to be one piece of artwork that went across the page regardless of how wide the page was with the piece of artwork always remaining between the centre of the page and the left hand edge of the page. The distance of the piece of artwork got nearer to the left hand edge of the page the narrower the page got. How does one achieve that? Both images were hosted by ImageShack. I barely understand all that myself! My knowledgebase is a little above zero. Thanks in advance, MD. Hey, im trying to find out why the header on my website isnt at the top of the page. it also moves sometimes even though the code appears to be all the same. the address is www.themonsterbox.com thanks in advance for any help. heres a link to my blog http://leader-of-our-nation.tumblr.com/ heres my coding <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <!-- Theme: The Minimalist v1. Design: The Minimalist (http://minimalist.co) --> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head><a href="http://leader-of-our-nation.tumblr.com/"><img src=< href="http://s1218.photobucket.com/albums/dd412/tappzstar/?action=view&current=loonbannerresize.jpg" target="_blank"><img src="http://i1218.photobucket.com/albums/dd412/tappzstar/loonbannerresize.jpg" border="0" alt="Photobucket"></a></a></a> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>{Title}{blockostSummary} | {PostSummary}{/blockostSummary}{block:SearchPage} | {lang:Search results for SearchQuery}{/block:SearchPage}</title> <meta name="description" content="{MetaDescription}" /> <meta name="if:Show description" content="1" /> <meta name="if:Show search" content="1" /> <meta name="text:Twitter name" content="" /> <meta name="text:Google Analytics ID" content="" /> <link rel="shortcut icon" href="{Favicon}" /> <link rel="alternate" type="application/rss+xml" title="{Title}" href="{RSS}" /> <!-- Styles --> <link rel="stylesheet" href="http://static.tumblr.com/f1whv92/Mp9l6ewcg/reset.css" /> <style type="text/css"> I am Blogging Special Focus on Technology, Blogging,Internet, Top News Stories, Online Money Making, Search Engine Related.Thank You for Reading This. Please! Simply Share your views. I use blogger and I have a search bar on my blog. It's on my navbar and I need to move it to the right so I can add more links but I don't know how to move it. Can I get some help please? To see for yourself my blog is: http://freebielink.blogspot.com/ Hi All, I've finally successfully gotten a blog up on my organizations website but I am having a lot of trouble getting it to look like the other pages. I used a template for my main page and tweaked it a lot (www.cleaneducation.org). The main template is mostly html with a css file. I had never seen how blogs were done until now and see that there is no html index at all but only a php file associated with a css file... So my question is how to I get my html/css template to convert to the necessary type (assuming php/css) for the blog. The blog is an internal blog for the directors (myself included) to keep in touch with one another and to keep up to date so if it's really hard to get it to look like the main template it isn't a huge deal but if it's possible I personally would prefer it. Oh yeah, I am using wordpress for my blogging software (really easy install through the hosting company I use). I was getting help (in this thread http://www.htmlforums.com/html-xhtml...e2-137472.html ) but I guess he got busy and I really need this done by tomorrow morning... Can someone please just tell me how to publish the html to my blog?? Thanks so much. This is my blog, http://www.therawness.com. If you look at my left sidebar, you will see something called the Amazon carousel, an interacting spinning carousel showing books that I recommend to people. Problem is, it only allows a maximum of 10 books to be shows. What I wanted to do is to create a random, rotating array of carousels and have a different 10-book carousel appear every time the viewer refreshes the browser. So basically, what I wonder is what I have to do to accomplish this. Here are examples of codes for 2 widgets I want to alternate whenever the browser refreshes. Widget 1: Quote: <OBJECT classid="clsid27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://fpdownload.macromedia.com/get/flashplayer/current/swflash.cab" id="Player_1aa9293d-9691-4546-afa0-e8f585ee5738" WIDTH="120px" HEIGHT="500px"> <PARAM NAME="movie" VALUE="http://ws.amazon.com/widgets/q?ServiceVersion=20070822&MarketPlace=US&ID=V20070822%2FUS%2Fjohnnytriangl-20%2F8010%2F1aa9293d-9691-4546-afa0-e8f585ee5738&Operation=GetDisplayTemplate"><PARAM NAME="quality" VALUE="high"><PARAM NAME="bgcolor" VALUE="#FFFFFF"><PARAM NAME="allowscriptaccess" VALUE="always"><embed src="http://ws.amazon.com/widgets/q?ServiceVersion=20070822&MarketPlace=US&ID=V20070822%2FUS%2Fjohnnytriangl-20%2F8010%2F1aa9293d-9691-4546-afa0-e8f585ee5738&Operation=GetDisplayTemplate" id="Player_1aa9293d-9691-4546-afa0-e8f585ee5738" quality="high" bgcolor="#ffffff" name="Player_1aa9293d-9691-4546-afa0-e8f585ee5738" allowscriptaccess="always" type="application/x-shockwave-flash" align="middle" height="500px" width="120px"></embed></OBJECT> <NOSCRIPT><A HREF="http://ws.amazon.com/widgets/q?ServiceVersion=20070822&MarketPlace=US&ID=V20070822%2FUS%2Fjohnnytriangl-20%2F8010%2F1aa9293d-9691-4546-afa0-e8f585ee5738&Operation=NoScript">Amazon.com Widgets</A></NOSCRIPT> Widget 2: Quote: <script type="text/javascript"><!-- amazon_ad_tag = "johnnytriangl-20"; amazon_ad_width = "120"; amazon_ad_height = "600";//--></script> <script type="text/javascript" src="http://www.assoc-amazon.com/s/ads.js"></script> Any help would be greatly appreciared! |
|||||||