Everything posted by JohnNerush
-
Single-page Tab Switches
Well you have a few choices, i would go for one of the following: JQuery (or other js framework) ajax requests: NETTUTS- how-to-create-a-slick-tabbed-content-area Using a simple javascript show/hide div script that changes the style of the dive to show and hide. Using a pre made javascript like above with some nicer features: Dynamic Driver - animated slide I would go for number one
-
web 2 effects
Yeah it was just a quick google searcdh that produced the link, its now got me looking through similar articles, surprisingly intresting.
-
web 2 effects
I dont think web 2.0 style will die just yet "web 2.0" logo design still looks very nice http://fontfeed.com/archives/the-logos-of-web-20/
-
Photoshop resolution - 72dpi?
At work (and i belive this is universal) we use: 72 for web 150 for newspaper 300 for print and magazine
-
Ideal Font For Website
Even on work exp it would be a shocking lack of basic knowledge, not only that but it would take less than 5 mins to compaire the most likely matches in photoshop.
-
Ideal Font For Website
body { font-family: Verdana, Helvetica, Sans-Serif; font-size: 0.71em; background: #7bb381 url(bg1.png) top left repeat; line-height: 1.3em; margin: 0; padding: 0; } http://www93.hattrick.org/App_Themes/standard/main.css
-
Add an image
There are several ways of pointing to a file/image etc. ../ This goes back one directory from the current file, you can keep doing it to go back further. Example: You are in - root -> aboutme -> resume Your images are in - root -> images ../../images/background.jpg ----------------------------------------------------------------------------------------- you can do full root url's if using / dosnt return you to root. /home/username/public_html/images/background.jpg ----------------------------------------------------------------------------------------- or relative url's ( / = from site root) /images/background.jpg ----------------------------------------------------------------------------------------- However I would advice using CSS to place your background image.
-
css
Please post your HTML and CSS code in code tags and Ill have a look.
-
Randomizing testimonials
Very nice, good job
-
Randomizing testimonials
I guess you could create a js randomiser tied to a js array, store all the testimonials in the javascript array and have the randomiser script return the random array string. Im googling it atm but havnt found anything decent just yet. Edit, cool. glad you found a way I would be intrested in seeing how if you dont mind sharing
-
Randomizing testimonials
hehe thanks, look forward to hearing how it goes. XML is somthing i am looking to use more
-
Randomizing testimonials
Using XML in this tutorial: XML Random Quotes Or there are ways to do it with "flat files", the comments saved to a txt file and have your PHP pull a random one.
-
Flat colours in a design
hehe unfortunatly I have had the oposite and am having issues with my code as of late.
-
Flat colours in a design
Firstly, the design is very nice, its very clean. Personally i would do the following: Purple/Pinkish banner: Remove the dark grey 1px border and add a slight gradient from the righthand side covering 1 3rd of the banner, maybe a slightly darker shade of the purple. Add maybe 2px of padding to the top and bottom of the nav bar, also add a 2px (sharp) faint drop shadow under the nav. Remove the gry border from the 3 boxes on the right. Make the footer a bit easier to read. It might seem like alot but it is only slight changes to your existing features, once again, nice design.
-
Flat colours in a design
I find with flat coloured/shaded areas a slight drop shadow works nicely. Not a fading one but a one or two pixel sharp drop shadow, black at 10-20% transparency. Also using gradients or inner shadows to generate a similar effect on the top edge of the area in question. The key here is to bring in some slight "3d" aspects while maintaining the overal flat feeling of the branding.
-
Carousel
This seems quite straight forward JS Carousel
-
How can I add instant messaging to my website
In its simpelest form a shoutbox would work, then use meta refresh on an iframe or ajax to make it "instant/live".
-
How to save form information when back button is pressed
Also - Add some PHP validation i.e. if field is empty re echo the form and use the $_POST in the value area, you can then also highlight the missed or incorrect fields saving the user from pressing back in the first place.
-
How to save form information when back button is pressed
I belive it would be somthing along the lines of adding the $_POST var to the form field value. <input type="text" name="email" value="<?php echo $_POST['email']" /> Its been along time since I did anything like this. Im sure the $_POST works on going back but not 100%.
-
nav links to float over header and content div
The nav elements will have to be floated along with the header and content area, then specify z-index to ensure they show correctly.
-
css n js backgroundimage
- Read the question worng, ignore.
-
Design Joomla Template
Hi, I have never done it myself however i remeber a tutorial about this on nettuts recently. Nettuts Tutorial - creating-your-first-joomla-template
-
Header and Navigation Placing Problem
Hmm I cant tell by looking at the code currently, I dont have the facilitys to test the code at the moment. I will post again as soon as i can test the code unless somone else gets it first. EDIT: As said above, the absolute pos could be cause issues, It might be advisable to float everything and also remove the <div> wrapping the <ul> and use the <ul> as you are currently using the <div> wrapping it.
-
Animation
For very simple animation, i.e. menu bar animation look into JQuery or a similar JS framework like Mootools, prototype etc. JQuery Site -> JQuery Fading/Animated menu But as others have said, working on HTML and CSS skills would be far better for the time being. You can make some nice effects using clever css for some simple movement.
-
Header and Navigation Placing Problem
Excellent, using a reset like that will fix a large portion of cross brouser issues since all brousers provide a defult padd/margin to some elements. The best way to use it is by defining each element to reset, using * will do everything. I use: body, html, div, blockquote, img, label, p, h1, h2, h3, pre, ul, li, dl, dt, dd, form, a, fieldset, input, th, td but it would obviously change depending on what elements you use.