Skip to content
View in the app

A better way to browse. Learn more.

Web Designer Forum

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

JohnNerush

Members
  • Joined

  • Last visited

Everything posted by JohnNerush

  1. 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
  2. Yeah it was just a quick google searcdh that produced the link, its now got me looking through similar articles, surprisingly intresting.
  3. 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/
  4. At work (and i belive this is universal) we use: 72 for web 150 for newspaper 300 for print and magazine
  5. 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.
  6. 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
  7. JohnNerush replied to sound's topic in Frontend
    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.
  8. css

    JohnNerush replied to luke1's topic in Website Design and UX
    Please post your HTML and CSS code in code tags and Ill have a look.
  9. 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
  10. hehe thanks, look forward to hearing how it goes. XML is somthing i am looking to use more
  11. 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.
  12. hehe unfortunatly I have had the oposite and am having issues with my code as of late.
  13. 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.
  14. 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.
  15. This seems quite straight forward JS Carousel
  16. In its simpelest form a shoutbox would work, then use meta refresh on an iframe or ajax to make it "instant/live".
  17. 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.
  18. 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%.
  19. The nav elements will have to be floated along with the header and content area, then specify z-index to ensure they show correctly.
  20. - Read the question worng, ignore.
  21. Hi, I have never done it myself however i remeber a tutorial about this on nettuts recently. Nettuts Tutorial - creating-your-first-joomla-template
  22. 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.
  23. 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.
  24. 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.

Account

Navigation

Search

Search

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.