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.

PixelBerry

Members
  • Joined

  • Last visited

Everything posted by PixelBerry

  1. Hi all, Not sure if I'm posting this in the correct place so please feel free to move it admin if it's in wrong place Anyway, I have made a image and would like to put my shoutbox inside my image, if that makes sense? But I have no idea of how to do it? I want my shoutbox to appear inside the image, almost like the image is wrapped around the shoutbox. Hope I've made myself clear enough? Can anyone help please? Not to worry, I figured it out and put it inside a div
  2. I've never used bebo and only used myspace once, years ago. I only use facebook & twitter now but facebook irritates me with everyone banging on about farmville and those rubbish games lol
  3. Oh I didn't even realise it was today lol
  4. I don't remember that one? But Dangermouse, He Man, Bananaman, Willow the Wisp were my favourites
  5. PixelBerry replied to Vivoo's topic in General Chat
    Its gorgeous here in Hertfordshire
  6. lol well in that case I guess I'll have to deal with the fact that I prob am a geek
  7. oooh love it, your drawings are brill too!
  8. Oh I love your design, looks good
  9. Your 28.6 out of 100 in geekyness - woohoo I'm not really geeky lol
  10. Thank you, I have got it working, it's just what I wanted so thanks for the advice
  11. Thank you, I'm going to give it a go and see how I get on, if I get stuck I'll be pestering for help
  12. ah yes, is that easy to use? and can I put it on a normal php page? I'm just reading about it now, thanks
  13. I want the ability to have comments on my site, so it can act almost like a blog but without having to have an external blog, if that makes sense? lol I emailed the owner of the site and they said they use Echo at http://js-kit.com/ so I am going to have a look at that and see if I can work it out.. EDIT: I just looked at that and its not free, ideally I'd like something free.. anyone got any other suggestions? Only, I have used blogger for a while now and I also used Wordpress before but have no idea how to blend it in with my website, so I wanted something a bit more simple
  14. Not sure if I'm putting this in the right place but I was wondering if someone could help me. I really like the way this site has a blog/comment kind of style on posts and I wondered how to achieve this? I'd really like to do the same thing on my website.. I would much appreciate any help
  15. I like dark designs too, my website I'm designing is fairly dark
  16. love it
  17. This is exactly what I want on my website, I don't want a external blog like wordpress, blogger anymore, I'd like to have a blog link on my website and for the user to click on it and be able to see my blog posts with comments but all on my website, not taking the visitor elsewhere. Is there a easy way to do this?
  18. Thank you all very much
  19. Thanks Gareth, I appreciate your comments, I am keen to learn more about CSS. I will be looking into it more
  20. Thank you so much, I thought it would be something small - much appreciated
  21. I'm having problems, they are prob really silly but I can't get it right, I am working on a design for a website and I can't get it to look right in all browsers, it looks how it should in Google Chrome and IE but not in Firefox, I can't get the menu/nav bar to sit where it's meant to and it's driving me mad Is there anyone who could help me please? I am getting desperate lol HTML <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <link rel="shortcut icon" href="/favicon.ico"> <meta http-equiv="content-type" content="text/html; charset=utf-8"> <meta http-equiv="imagetoolbar" content="no"> <meta http-equiv="cache-control" content="public"> <meta http-equiv="pragma" content="no-cache"> <meta http-equiv="expires" content="never"> <meta name="language" content="en-gb"> <meta name="MSSmartTagsPreventParsing" content="true"> <meta name="robots" content="index, follow"> <meta name="revisit-after" content="14 days"> <meta name="keywords" content="Layouts, Designs, Tutorials, Tutorial Sites, Lists, Downloads, Help"> <meta name="description" content="Website layouts, tutorials, listed tut sites and more."> <meta name="Author" content="Nicky"> <meta name="Publisher" content="Pixel Berry"> <meta name="Copyright" content="Nicky"> <meta name="Content-language" content="en"> <title>• PixelBerry •</title> <link rel="stylesheet" href="pixelberry1.css" type="text/css"> <script language="JavaScript" type="text/javascript"> //<![CDATA[ <!-- //Disable right mouse click Script //By Maximus (maximus@nsimail.com) w/ mods by DynamicDrive //For full source code, visit http://www.dynamicdrive.com var message="Right Click is not allowed."; /////////////////////////////////// function clickIE4(){ if (event.button==2){ alert(message); return false; } } function clickNS4(e){ if (document.layers||document.getElementById&&!document.all){ if (e.which==2||e.which==3){ alert(message); return false; } } } if (document.layers){ document.captureEvents(Event.MOUSEDOWN); document.onmousedown=clickNS4; } else if (document.all&&!document.getElementById){ document.onmousedown=clickIE4; } document.oncontextmenu=new Function("alert(message);return false") // --> //]]> </script> </head> <body> <div id="background"> <div id="banner"></div> <div id="topbg"> <table width="100%" cellpadding="0" cellspacing="0"> <tr> <td width="5%"> <div id="navcontainer"> <ul id="navlist"> <li id="active"><a href="#" id="current">Item one</a></li> <li><a href="#">Item two</a></li> <li><a href="#">Item three</a></li> <li><a href="#">Item four</a></li> <li><a href="#">Item five</a></li> </ul> </div> </td> </tr> </table> <table width="500" cellpadding="10" cellspacing="0"> <tr><td> <div id="topcontainer"></div> <div id="container"> <div id="content"> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam condimentum tortor et leo sodales vel rutrum libero accumsan. Donec tincidunt dolor rutrum ipsum tincidunt posuere. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Mauris et dui odio. Nulla vitae massa ligula, et faucibus justo. Pellentesque ac purus magna, et aliquam dui. Proin sem orci, facilisis quis bibendum non, lobortis at felis. In congue porta pharetra. Sed mi enim, placerat eget lacinia eu, porttitor id massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Quisque eget ipsum ut odio convallis auctor sit amet ut mi. Proin gravida eleifend dolor, vestibulum vehicula ante posuere nec. Integer erat ligula, imperdiet quis varius sodales, vestibulum id sem. Suspendisse ac mauris eu diam venenatis gravida. Pellentesque non rhoncus risus. Nulla facilisi. Nullam justo sem, egestas et rutrum nec, euismod ut nunc. Vestibulum sodales aliquet purus. Nulla ut dui in ante faucibus consequat ultrices eu risus.</p> </div> </div> <div id="footer" > </div> </td> <td class="navcontent"> <div id="nav" class="navcontent"> • Welcome to PixelBerry • <br /><br /><br /> Website Designs, Tutorials, <br>Wallpapers & More. <br /><br /><br /><br /> Get your site listed here & get the <br> chance to have your tutorials in the Spotlight & under Artist Stalker! <br /><br /><br /> <img src="./tinc?key=s52P5908" height="13" alt="Visitor Counter" width="47" border="0" align="center"> <br /><br> </td> </tr> </table> </div> </body> </html> CSS body {background-color: #202020;background-image: url(./images/bg1.png); text-align: center; font-family: verdana; font-size: 10px; color: #525252; margin: auto; } #background {background-image: url(./images/background.png); background-repeat: no-repeat; } #topbg {background-image: url(./images/topbg.png); background-repeat: repeat-x; } #banner{width: 949px; float: left; height: 138px; background-image: url(./images/logo1.png); background-repeat: no-repeat; margin: auto;} #topcontainer {width: 500px; text-align: center; height: 46px; padding: 0px 280px 0px 0px; background-image: url(./images/indextop.png); background-repeat: no-repeat; margin: auto; } #container {margin: auto; text-align: center; width: 500px; padding: 0px 280px 0px 0px; background-image: url(./images/index.png); background-repeat: repeat-y; } #content {text-align: center; width: 600px; padding: 3px; margin: auto; } #footer {background-image: url(./images/indexbtm.png); background-repeat: no-repeat; margin: auto; padding: 0px 280px 0px 0px; text-align: center; width: 500px; height: 64px; } #nav {width: 246px; height: 328px; background-image: url(./images/nav.png); background-repeat: no-repeat; padding: 8px 5px 0px 0px; float: right; } .navcontent { text-align: center; width: 246px; padding: 8px 0px 0px 0px; } #navcontainer ul{padding: .2em 0; margin: 0; list-style-type: none; background-image: url(./images/topbg.png); color: #FFF;width: 100%;font: normal 90% arial, helvetica, sans-serif;text-align: center; border-bottom: 1px solid #000000;} li { display: inline; } li a{text-decoration: none;background-image: url(./images/topbg.png); color: #FFF; padding: .2em 1em;border-right: 1px solid #9c8c9b;} li a:hover{background-color: #9c8c9b;color: #fff;} a:link { color: #9c8c9b; text-decoration: none; font-weight: bold;} a:visited { color: #202020; text-decoration: none; font-weight: bold;} a:active { color: #9c8c9b; text-decoration: none; font-weight: bold;} a:hover { color: #202020; text-decoration: underline; font-weight: bold;} h1 {background-color: #92cece; font-size: 19px; color: #ffffff; font-weight: normal; margin: 0px 0px 10px 0px; text-transform: uppercase; text-align: left; padding: 5px 5px 5px 10px; line-height: 25px;} h2 {font-size: 14px; font-family: arial; color: #2d88a0; margin: 10px 0px 10px 0px; padding: 3px; border-bottom: 2px solid #4bb7d3;text-transform: uppercase;text-align: center; letter-spacing: 1px;} i {font-style: italic; background: #fffdc6; padding: 1px;} .i {font-style: italic; background: #fffdc6; padding: 1px;} .table {font-family: verdana; font-size: 11px; width: 420px; text-align: center; padding: 2px; margin: 10px 15px 10px 15px;} .thumbnail {height: 165px; background: #cccccc; padding: 5px;vertical-align:top;} img {border: 0px; margin: 2px; } p { margin-bottom: 15px; } .center { text-align: center; } .small { font-size: 10px; } .white { background: #ffffff; } .form { border: 2px solid #e97947; margin: 3px; background: #ffffff; font-family: arial; font-size: 12px; } .button { background: #e97947; border: 0px; color: #ffffff; padding: 3px; margin: 3px; font-family: arial;; font-size: 12px; } I would be hugely grateful for some help x
  22. Hi all, I'm Nicky, I'm self taught with everything I know about web design & I am always learning, which sometimes drives me nuts lol I look forward to meeting you all and learning more

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.