Hi guys, my name is arjun. I'm a student studying design in Bangalore, India. I'm very new to css and html but am trying to make a css theme/style sheet for my web blog hosted at arjungehlot.tumblr.com/ I've tinkered with the css style sheet attached to the post and taken it as far as i can but need some help doing and making a few more changes 1. I need to make the background a random image. I was hoping to be able to call a random image each time the page is loaded. I know i might need to find a some hosting where i could put say nine images (bg_1.jpg, bg_2.jpg etc). but if there is a way to call a random image from a flickr stream there would be nothing like it. 2. The page right now uses a small transparent png file to create the gradiented look behind the posts. This i think is making the page very heavy on the graphics card. Is there and way to recreate this effect but using only css? 3. Tumblr the blog host has a few different kinds of "posts". like you may have a photograph, a quote, just plain text, audio etc. I want the photo post to lead to a new page in the same way that the text post does (have a look at the blog site and you'll see it.) - arjungehlot.tumblr.com/ 4. In the header, the second line of text "Any Proactive....." is toooo far down from the first line. Need to figure out for to reduce the line spacing 5. Some more small things... Can anyone help me please? - dividedbyoneATgmail thanks, arjun
Hi Arjun, I am no expert in Tumblr/Tumblelogs, just had a look at your blog. [1] I will try & see if we can use some images from outside [preferably from a Flickr stream as u wish] as the background, which also changes on refresh. [2] I don't think the background-transparent-image is not heavy enough to leave any kind of pressure on your graphics card. Thats just a 1x1 pixel image. So if you feel your Graphics card is being over-pressured then it must be some other application. [3] Yes even if you post only an image and no text, that also creates a separate page/permanent link to that post. For example this post has text - http://arjungehlot.tumblr.com/post/66055647/dummy And this post has only one image, no description/title - http://arjungehlot.tumblr.com/post/66181593 This individual post page/permalink is on the 'Date' , at the bottom of every POST block on homepage. Only difference between the URIs is if you have a title set, then that title is appended to the URl, or else only the POST Number is shown as part of the URI. Hope this is clear. [4] In the CSS part see #header h2 { line-height:1.8; } . Change it to something around 20 pixels, like #header h2 { line-height:20px; } which suits ur taste. [5] U want more customization? No problem...[ i am not asking you to pay me , don't worry ].... lets post it here and resolve them one by one taking it as a learning experience so that others can also pitch in/learn/advice?
Hi markupdude! FIRST things FIRST. Wish you a happy new year! and yes thank you so much the code worked! The text in the header is looking waaaay better now. Issue No4 is resolved! Remaining issues are, (sorry i just copied some from the first post) 1. I need to make the background a random image. I was hoping to be able to call a random image each time the page is loaded. I know i might need to find a some hosting where i could put say nine images (bg_1.jpg, bg_2.jpg etc). but if there is a way to call a random image from a flickr stream there would be nothing like it. RESOLVED 2. The page right now uses a small transparent png file to create the gradiented look behind the posts. This i think is making the page very heavy on the graphics card. Is there and way to recreate this effect but using only css? 3. Tumblr the blog host has a few different kinds of "posts". like you may have a photograph, a quote, just plain text, audio etc. I want the photo post to lead to a new page in the same way that the text post does (have a look at the blog site and you'll see it.) - arjungehlot.tumblr.com/ The Subject in text posts is clickable. In the same way i need to make Photoposts clickable. They need to take you to the page where the photograph is. The photo page right now has too small an image which is practically a thumbnail. I need to make the image on that page larger. RESOLVED 4. In the header, the second line of text "Any Proactive....." is toooo far down from the first line. Need to figure out for to reduce the line spacing