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.

itodd

Members
  • Joined

  • Last visited

Reputation Activity

  1. Like
    itodd got a reaction from Lovelock in Set navigation tab as selected on page load.   
    If I understand you correctly, and you just simply want to set the 'active' tab. Just modify your code slightly to the following:
     

    #tabs a#current { background-image:url(http://subtlepatterns.com/patterns/concrete_wall.png); color: #fff; } ​
     

    <ul id="tabs"> <li><a href="index.php" title="tab1">Online Store</a></li> <li><a href="#" title="tab2" id="current">About</a></li> <li><a href="#" title="tab3">FAQ's</a></li> </ul>​​​​​​​​
     
    So whichever tab link has the id "current" they will be displayed as 'active'
  2. Like
    itodd got a reaction from David Cook in Banner not full length   
    You are missing a closing </div> for the <div class="ContentArea"> after <!--#Header -->, hence the footer is inside this div which has a width of 960px, rather than 100% of the screen width.
     
    Add </div> on line 111, before </div><!--.ContentArea --> that should solve the issue
  3. Like
    itodd reacted to empek in Menu & Logo css code Help   
    You can use position: relative; on the banner, and have position: absolute; top: -40px; left: -40px; on the logo.
  4. Like
    itodd reacted to empek in Holding page?   
    HAH! I was going to link to the exact same thing earlier, but wasn't sure that's what he meant. +1
     
    There should be a couple of free ones floating around, but they might be called "coming soon pages". Try giving that term a google and see what you find.
  5. Like
    itodd got a reaction from empek in Holding page?   
    have a look here: http://themeforest.net/searches?term=construction&type=files
  6. Like
    itodd reacted to Samus in format a particular <p>tag from same class   
    Just give the third <p> tag an ID.
     

    <div class="para"> <p>this is a paragraph</p> <p>this is a paragraph</p> <p id='formatp'>this is a paragraph</p> <p>this is a paragraph</p> </div>
     
    and format as you would in css
    #formatp { color: red; }
     
    or something.
     
    Note if it's just one specific <p> tag you want to format, then use IDs. Else use classes.
  7. Like
    itodd got a reaction from Miracle00 in 10 simple but effective SEO tips   
    I've written a short article on what I think are some of the simplest and easiest ways to help improve SEO. I'm interested in what you guys think and would appreciate any comments!
     
    View the article here http://toddhosting.com/blog/10-simple-but-effective-seo-tips/
  8. Like
    itodd got a reaction from justwondering in How to make my internal links work please on wordpress   
    Add the target attribute to your <a> tags, sounds like your links are using target="_blank" for some reason.
     
    Use:
    <a href="URL" target="_self">Link Here</a>
     
    Further reading: http://www.w3schools.com/tags/att_a_target.asp
  9. Like
    itodd got a reaction from Sazzad in Great Free Resources for Web Designers   
    I thought I'd share this blog post of mine on here with you. Let me know if you use any of the websites listed and what you think about them, or post any links which you think should be on there!
     
    http://www.toddhosting.com/blog/great-free-resources-for-web-designers
  10. Like
    itodd reacted to Sazzad in Great Free Resources for Web Designers   
    Few suggestion:


     
    Forrst to the list of inspiration sites.
    photos8.com for stock photos.
    browserlab.adobe.com browser shots.
    awwwards.com for inspiration.
    And most important of all colorapi.com for color selection.

  11. Like
    itodd got a reaction from Webby in Install file not working :(   
    This works: using seperate queries and also you can't add in the ID elements after setting it as auto increment. Let me know if you need an more help!
     

    <?php require_once('Connections/MSQLConnect.php'); mysql_select_db('database') or die('Cannot select database'); $query = "CREATE TABLE IF NOT EXISTS `category` ( `CatID` int(11) NOT NULL AUTO_INCREMENT, `Category` varchar(611) DEFAULT NULL, `TimeStamp` timestamp NOT NULL DEFAULT CURRENT_TIMESTAMP, PRIMARY KEY (`CatID`), UNIQUE KEY `Cat_ID` (`CatID`), KEY `Category` (`Category`) ) ENGINE=InnoDB DEFAULT CHARSET=latin1 AUTO_INCREMENT=26;"; $query2 = "INSERT INTO `category` (`Category`, `TimeStamp`) VALUES ('Advertising', '2011-04-15 23:35:53'), ('Blogs', '2011-04-15 23:38:27'), ('Business', '2011-04-15 23:38:45'), ('Computers', '2011-04-15 23:38:55'), ('Education', '2011-04-15 23:39:11'), ('Entertainment', '2011-04-15 23:39:27'), ('Forums', '2011-04-15 23:39:35'), ('Games', '2011-04-15 23:39:45'), ('History', '2011-04-15 23:39:53'), ('Holidays', '2011-04-15 23:40:08'), ('Home & Garden', '2011-04-15 23:40:22'), ('Internet', '2011-04-15 23:40:31'), ('Outdoors', '2011-04-15 23:40:41'), ('Shopping', '2011-04-15 23:40:58'), ('Sports', '2011-04-15 23:41:06'), ('Technology', '2011-04-15 23:41:28'), ('UK', '2011-04-15 23:41:37'), ('Web Design', '2011-04-15 23:41:43'), ('Web Devalopment', '2011-04-15 23:42:00'), ('Web Hosting', '2011-04-15 23:42:09'), ('Web Master Resources', '2011-04-15 23:43:06'), ('Other', '2011-04-15 23:43:19');"; ?> <?php if (mysql_query($query) && mysql_query($query2)){ echo "Your Success"; } else { echo "Error"; } ?>
  12. Like
    itodd got a reaction from lewis12 in 10 simple but effective SEO tips   
    I've written a short article on what I think are some of the simplest and easiest ways to help improve SEO. I'm interested in what you guys think and would appreciate any comments!
     
    View the article here http://toddhosting.com/blog/10-simple-but-effective-seo-tips/
  13. Like
    itodd got a reaction from mstopford-webdesign in 10 simple but effective SEO tips   
    I've written a short article on what I think are some of the simplest and easiest ways to help improve SEO. I'm interested in what you guys think and would appreciate any comments!
     
    View the article here http://toddhosting.com/blog/10-simple-but-effective-seo-tips/
  14. Like
    itodd got a reaction from NeRo in 10 simple but effective SEO tips   
    I've written a short article on what I think are some of the simplest and easiest ways to help improve SEO. I'm interested in what you guys think and would appreciate any comments!
     
    View the article here http://toddhosting.com/blog/10-simple-but-effective-seo-tips/
  15. Like
    itodd got a reaction from cab322003 in Changing specific hover colours in navbar   
    Here is an idea of how to do it:
     
    CSS..
    ul#nav li a {color:#666} #nav .home a:hover {color:#00f} #nav .about a:hover {color:#000} #nav .contact a:hover {color:#f00}
     
     
    HTML..

    <ul id="nav"> <li class="home"><a href="index.php">Home</a></li> <li class="about"><a href="about.php">About</a></li> <li class="contact"><a href="contact.php">Contact</a></li> </ul>
     
    View a demo here
  16. Like
    itodd got a reaction from Beavy in 10 simple but effective SEO tips   
    I've written a short article on what I think are some of the simplest and easiest ways to help improve SEO. I'm interested in what you guys think and would appreciate any comments!
     
    View the article here http://toddhosting.com/blog/10-simple-but-effective-seo-tips/
  17. Like
    itodd got a reaction from web-itec in data protection?   
    You can find all information regarding the DPA at http://www.ico.gov.uk/for_organisations/data_protection.aspx
     
    In short, any data protection/processing must follow the 8 main principles:
     
    1.Personal data shall be processed fairly and lawfully and, in particular, shall not be processed unless –
     
    a ) at least one of the conditions in Schedule 2 is met, and
     
    b ) in the case of sensitive personal data, at least one of the conditions in Schedule 3 is also met.
     
    2. Personal data shall be obtained only for one or more specified and lawful purposes, and shall not be further processed in any manner incompatible with that purpose or those purposes.
     
    3. Personal data shall be adequate, relevant and not excessive in relation to the purpose or purposes for which they are processed.
     
    4. Personal data shall be accurate and, where necessary, kept up to date.
     
    5. Personal data processed for any purpose or purposes shall not be kept for longer than is necessary for that purpose or those purposes.
     
    6. Personal data shall be processed in accordance with the rights of data subjects under this Act.
     
    7. Appropriate technical and organisational measures shall be taken against unauthorised or unlawful processing of personal data and against accidental loss or destruction of, or damage to, personal data.
     
    8. Personal data shall not be transferred to a country or territory outside the European Economic Area unless that country or territory ensures an adequate level of protection for the rights and freedoms of data subjects in relation to the processing of personal data.
     
     
    Point 7. is relevant to this point. You would encrypt the data to ensure it is not stolen or destroyed. You can do this by using a number of methods, eg SSL certificates.
     
     
    Point 3. You cannot store any personal data that is irrelevant to the purpose for which is to be processed. So all personal data you store, such as phone numbers and addresses, must have a purpose otherwise can be deemed irrelevant and not in accordance with the DPA
  18. Like
    itodd got a reaction from web-itec in data protection?   
    No worries, but please don't take my advice as a given! As I said, all the information you need can be found on the ICO website.
    See this webpage HERE
     
    "The Data Protection Act does not define the security measures you should have in place." There is nothing in the DPA saying you have to have an SSL. It just states that you use appropriate security measures for the size of your organisation and the type of data processed. It is the data processor (you) who is responsible for the data security.
     
    It's always a good idea to make use of salt or md5 but they can still be hacked, as can any other password. There are other ways to gain access to a site than just sql injection, so you must have a way of responding to a breach of security (view this page)
  19. Like
    itodd got a reaction from web-itec in data protection?   
    I'm no expert in website security, but this article provides a good start to understanding some of the main hacking ideas. A SSL certificate would be used to stop data being intercepted when being transferred over the internet, rather than protect directly against hacking.
     
    Following the DPA isn't exactly hard or scary, it's just a matter of following set guidelines and procedures designed to keep personal information safe and to give legal rights to the people who have data stored about them.
  20. Like
    itodd got a reaction from elleseven in Help with rounded corners using css3   
    That css should work, maybe your class is inheriting styles from elsewhere. Can you post a link to your website? or the .css file you are using?
  21. Like
    itodd got a reaction from computergeek2011 in stoping a pop up showing on a return vist to the site   
    Use the code below in a .php file:
     

    <?php // This must be at the file of the file if (!isset($_COOKIE["visited"])) { // If the cookie doesn't exisit (i.e. first visit) then set it $cookie="notset"; $expire=time()+60*60*24*365; // Cookie expires in a year from visit setcookie("visited", "true", $expire); // Sets a cookie named 'visited' } ?> <html> <head> </head> <body> <?php if ($cookie == "notset"): ?> Put the code for the pop up here <?php endif; ?> The rest of your site html goes in here.. </body> </html>
     
    Let me know if you need any more help!
  22. Like
    itodd got a reaction from joe2011uk in Amazing Host Now Amazing Web Design   
    It's an alright start, however I think that there's a few small changes you could do to improve this design.
     
    Firstly, as stated before, change the main text font. The font makes it look unprofessional, maybe try a sans serif such as Arial or Trebuchet MS. Why is the search bar overhanging? It seems kinda out of place as there is plenty of empty space in the header to position it and no other part of the site is like this.
     
    The logo isn't great, the font is pretty dull and the grey kinda makes it gets lost in the blue background.
     
    The whole site seems too blue, maybe try using some light greys and some of the colours from the logo to add some colour to the site.
     
    In the footer you have 2 of the columns (left and right) left aligned while the middle column is center aligned, to me this doesn't look right and it should also be center aligned.
  23. Like
    itodd got a reaction from Beno in Wordpress Them Problems   
    When you say you are having trouble moving posts into the center of the page do you mean the padding on the left of the post is too big? if so you have it set to 68px (#content in style.css)
     
    on the second page you might want to remove this bit of code:

    #main .post { margin-left: 100px; }
     
    and remove the margin-top and margin-left from this part of the code
     

    #main .entry { clear: both; padding: 10px 5px; width: 618px; margin-top: -80px; margin-left: -60px; font-family: Georgia, serif; }
  24. Like
    itodd got a reaction from Beno in Wordpress Them Problems   
    I posted how to fix this above
  25. Like
    itodd got a reaction from Beno in Wordpress Them Problems   
    change your #content css to this
     

    #content { float: left; padding: 10px 62px 10px 10px; width: 630px; }
     
    and #main .entry to this
     

    #main .entry { clear: both; padding: 10px 5px; font-family: Georgia, serif; }

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.