Reputation Activity
-
JustOliver reacted to teodora in Make menu float to the right [wordpress]Margin-left; actually, you need the left margin, not the right, didn't realise I have put right instead of left.
Just replace the margin-right; with margin-left;
You need to paste this in your style.css file, as above.
It should work then
-
background:url('http://imageshack.us/a/img689/4559/5f7a.jpg') top repeat-x, url('http://imageshack.us/a/img203/7673/2cs8.jpg') bottom repeat-x; that should work for you
-
JustOliver got a reaction from MartinHadAdream in Make menu float to the right [wordpress]Here's something you could try.
Right clicking the Login link and choosing Chrome's Inspect Element or Firebug you can see that particular element has an id with the name menu-item-1079
Now, login to your WordPress dashboard and on the left-hand side choose Appearance > Editor
This opens up a style.css file. This is different from accessing the file on the server via an ftp program. Although this method feels a bit clunkier it's the easiest way to add small style tweaks to your blog. This is a screenshot from one of my blogs that I use to practice, it's a bit of a hodge-podge but it does the trick!
I always add any extra styles to the bottom so that I know where I've put them in future. Scroll to the bottom and add the appropriate style to make your link float to the right, remembering that you're styling
li#menu-item-1079
or
li#menu-item-1079 a
I'd try either floating it to the right as you've suggested or just increasing the left-margin or left-padding on the li#menu-item-1079 or the li#menu-item-1079 a tag.
You could also try increasing the right-margin or right-padding on the Forum link to nudge the Login/Register button along or use #main-nav ul li:last-child a to just select the last a tag in the list.
Hope that was reasonably understandable, have fun!!
-
JustOliver got a reaction from teodora in Make menu float to the right [wordpress]Here's something you could try.
Right clicking the Login link and choosing Chrome's Inspect Element or Firebug you can see that particular element has an id with the name menu-item-1079
Now, login to your WordPress dashboard and on the left-hand side choose Appearance > Editor
This opens up a style.css file. This is different from accessing the file on the server via an ftp program. Although this method feels a bit clunkier it's the easiest way to add small style tweaks to your blog. This is a screenshot from one of my blogs that I use to practice, it's a bit of a hodge-podge but it does the trick!
I always add any extra styles to the bottom so that I know where I've put them in future. Scroll to the bottom and add the appropriate style to make your link float to the right, remembering that you're styling
li#menu-item-1079
or
li#menu-item-1079 a
I'd try either floating it to the right as you've suggested or just increasing the left-margin or left-padding on the li#menu-item-1079 or the li#menu-item-1079 a tag.
You could also try increasing the right-margin or right-padding on the Forum link to nudge the Login/Register button along or use #main-nav ul li:last-child a to just select the last a tag in the list.
Hope that was reasonably understandable, have fun!!
-
JustOliver got a reaction from Chris Day in Is It Possible To Insert 2 Separate Background Images?You can just separate multiple background images with a comma. Either like this,
/*could all be on one line*/ background: url('../images/bg-image.png') 50% 50% no-repeat, url('../images/bg-image2.png') 100px 250px repeat-x, url('../images/bg-image3.png') 300px 300px no-repeat;
or separate each set of values, like this,
background-color : #B4DA55; background-image : url('../images/bg-image.png'), url('../images/bg-image2.png'), url('../images/bg-image3.png'); background-repeat : no-repeat, repeat-x, repeat; background-position : 100% 95%, -10% 100%, 0 0;
-
JustOliver got a reaction from teodora in For the Web Designers out there...Designing a websiteREAD THIS BOOK!!!!!!!!! >>>>>>> The Non-Designer's Design Book by Robin Williams.
It's the perfect length for quick reading (200 pages) and really explains what it is that makes a good layout look good. The book covers the four principles of design (proximity, alignment, contrast and repetition) as well as using colour and type and the different categories of font (old style, modern, slab serif, sans serif, script and decorative) as well as how to choose a good pairing of these for your headlines and text.
It's the perfect start for anyone who wants to find out what makes a good website actually look good. There's no code mentioned and a lot of the examples look quite out-dated (flyers and posters with clip-art style logos rather than websites) BUT don't let that stop you, even the cover looks out-dated!
If you want the short and sweet answer, just remember: contrast, repetition, alignment and proximity.
Contrast:
There should be some degree of contrast between some elements on your site, it could be colour, size or type style (serif vs sans-serif etc.)
Repetition:
Repeat elements across your site. Use the same style for headings, links, hover effects, logos etc etc.
Alignment:
Every element on your site should align with at least one other element.
Proximity:
Group relevant elements close to each other.
Hope that helps - There's hundreds of books out there but I found this one especially helpful. My designs still look crap, I just need a decent photoshop book for that.
-
JustOliver got a reaction from darrenbale in Re-designed websiteJust a few suggestions; personally I'd nudge the logo left slightly so it was aligned with the Home link in the nav bar and push your contact info right a bit so it was aligned with the Contact Us link. The TCCWestYorkshire link doesn't work, perhaps they've changed their domain? A shame as their testimonial in your index slider is pretty good.
Maybe try giving the navigation bar <a> tags a white background on hover? The red text against the grey background looks a bit dark in my opinion.
Overall though everything you'd look for is there and it's all laid out in a sensible, clean and easy to navigate manner.
-
JustOliver got a reaction from DavidAndrewReilly in Domain Name Buying For ClientsIt's going to start sounding like an echo in here but I'd also recommend TSO Host! I only signed up with them less then a month ago but being able to host 6 separate sites for £5 a month is fantastic. I've got a few domains through Daily before and never had any problems with them either.
There's an ad in the back of this months Net magazine. If you enter 'MIOUK' at checkout with tsohost you can buy any uk domain and get a years hosting for free. This was what got my attention but in the end I just stumped up the cash for the pro hosting and it's worked a treat
-
JustOliver reacted to porkchops in Looking for vector iconsYou're looking for some really obscure concepts to visualize as an icon, so you might have to go custom or take a slightly vague approach to the icons.
http://thenounproject.com/
The Noun Project has a lot of good shapes that are all SVG (you can open in Illy and save as an AI/EPS) so you might be able to find something there, but other than that I can't think of anything that would really be appropriate for non-tech professions.
-
JustOliver got a reaction from Neji in Design tips for beginner? First postI've noticed a lot of people recommending Sitepoint's Principles of Beautiful Web Design book, it's not one I've read myself but I've certainly seen it mentioned in plenty of places. It seemed to have a few negative reviews but I think that's to be expected when ordering online, you can't have a proper good flick through the book so it's inevitabnle some people won't get what they were expecting.
Just last night I ordered myself The Non-Designers Design Book and Logo Design Love. I'm not sure about that last one but I've been looking at the first for a while now, fingers crossed it does the trick.
Two other books on the subject that I already own are A Practical Guide to Designing for the Web and Designing for Emotion. Both come highly recommended but if I had to plump for one I'd go for Mark Boulton's Designing for the Web, it's packed full of information (although there's virtually no mention or examples of code whatsoever) and it genuinely feels like a guide to how the professional's do it right from beginning to end.
But don't spend all your time stockpiling books and never actually making any websites, that's how you end up like me!!!
Hope that helped, cheers.
-
JustOliver got a reaction from BigBadBazza in Design tips for beginner? First postI've noticed a lot of people recommending Sitepoint's Principles of Beautiful Web Design book, it's not one I've read myself but I've certainly seen it mentioned in plenty of places. It seemed to have a few negative reviews but I think that's to be expected when ordering online, you can't have a proper good flick through the book so it's inevitabnle some people won't get what they were expecting.
Just last night I ordered myself The Non-Designers Design Book and Logo Design Love. I'm not sure about that last one but I've been looking at the first for a while now, fingers crossed it does the trick.
Two other books on the subject that I already own are A Practical Guide to Designing for the Web and Designing for Emotion. Both come highly recommended but if I had to plump for one I'd go for Mark Boulton's Designing for the Web, it's packed full of information (although there's virtually no mention or examples of code whatsoever) and it genuinely feels like a guide to how the professional's do it right from beginning to end.
But don't spend all your time stockpiling books and never actually making any websites, that's how you end up like me!!!
Hope that helped, cheers.
-
JustOliver reacted to dap in Gradientsthis helped me http://blog.9rules.com/2006/08/a-gradient-tutorial/
-
JustOliver got a reaction from BrowserBugs in This is hard. When's my tea break? Am I rich yet?Heyup,
Well where to begin, my name's Oliver, I live in Yorkshire and I hate my job (food retail, you customer's are a complete set of.)
Now then, I've been interested in web design for a good couple of years now, the first proper book I got was Creating Websites The Missing Manual , that was about 6 years ago now (when the dog was yellow with black spots)!! That wouldn't be too bad if I had anything to show for it, you'd think I'd at least have a simple portfolio or examples of my work but nope!!
Anyhoo, so I never did go to Uni (trying not to worry about that at the moment, if I still have the same job in 20 years I might start regretting it) but I did start a CIW learning from home type course to hopefully try and gain a qualification in web design but that wasn't a very good idea. I only started it about two and a half years ago and the text books mentioned nothing except for Netscape 6 and I.E 5!! it's only recently I've started noticing articles in magazines and on podcasts about the problems with SOME courses offering old and out-of-date material and techniques. The one I was doing expired about 6 months ago (I took too long, so much for learning at your own pace, never did get round to finishing it) and I didn't stop getting charged £70 a month till this month!!!!! Cheers Skillstrain/Train4Skills/my own disgusting lazyness.
But I STILL want to do it for a job. I KNOW some of you are sat there rolling your eyes, I know I probably embody everything you hate about the cocksure young whippersnappers that are stealing your clients and copy-pasting their code but hey, that's ok. I hate myself just as much for not having a portfolio by now, for not telling Skillstrain where to shove their course and for not knuckling down a bit sooner and getting myself into uni. If I never improve past this point then none of you have anything to worry about, but I'm feeling reasonably motivated recently so maybe you should all be extremely worried!!!
So Christmas rolls round and I get myself a nice pile of up-to date books (my old missing manual was a fair bit out of date by then, in the 2+ years since I'd started the course and part-time work I'd forgotten most things and everything else had changed anyway.)
The only thing that's stopped me from finding a new vocation (tree surgeon's my backup plan, don't laugh!!) is the thought that hey, 10 years ago people couldn't have been taught HTML5, CSS3, jQuery, Mobile First techniques or Responsive design practices so the majority if not all the people who are making a living out of it must have taught themselves, right? Right??
Sooooo chances are I've just pissed off the majority of the more experienced members here, it's taken me this long just to decide on a forum to join and maybe, perhaps, hopefully, fingers crossed this will make a difference too, having a tip top group of people to ask for help, advice and critique. I'd really like to think this was my last year of working for the co-op (reckon I've said the same to my friends for the last 2 years now, I'm in danger of turning into a bit of a Del Boy if I don't make sure 2012 is actually the year for me) but really it all depends how hard I can graft over the next 10 months, I know a little bit but I need to know lot more. If nothing else I might provide some light entertainment for you more experienced peeps along the way. Hey! Guys!! Can I get some help with the FrontPage disc I got off eBay?????