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.

xCoder

Members
  • Joined

  • Last visited

  1. Well that's how it was suppose to be all connected, but I guess it's making people think that i wasn't suppose to be like that so I fixed it.(: Thanks. Oh and haha!...Yeah I'll give Notepad ++ a try. Yeah I hate when that happens!
  2. ha! yeah i am! will be turning 14 in ike 4 months (can't wait!!) ......hopefully i do ......I can code in anything but I mostly use Dreamweaver because it helps me code faster than using some other thing......ohhh! and thanks for your feedback!
  3. Maybe this can help you start your Tumblr theme. http://www.1stwebdesigner.com/tutorials/how-to-create-tumblr-theme/
  4. Maybe the image is just bigger than the div container and it's just showing the top left corner of it that has nothing on it just white and that's probably why you think it's not showing. And if that is the case then you should try positioning the image to where it will show with "background-position: #px #px" or if you just want to align the image on the center of the div try "background-position: center center". Hope this helps!
  5. Try: http://webdesignandsuch.com/how-to-create-a-popup-with-css-and-javascript/ Make sure you have the latest javascript on your website for this to work! Add this to inside your <head> tags. <script type="text/javascript"> function toggle(div_id) { var el = document.getElementById(div_id); if ( el.style.display == 'none' ) { el.style.display = 'block';} else {el.style.display = 'none';} } function blanket_size(popUpDivVar) { if (typeof window.innerWidth != 'undefined') { viewportheight = window.innerHeight; } else { viewportheight = document.documentElement.clientHeight; } if ((viewportheight > document.body.parentNode.scrollHeight) && (viewportheight > document.body.parentNode.clientHeight)) { blanket_height = viewportheight; } else { if (document.body.parentNode.clientHeight > document.body.parentNode.scrollHeight) { blanket_height = document.body.parentNode.clientHeight; } else { blanket_height = document.body.parentNode.scrollHeight; } } var blanket = document.getElementById('blanket'); blanket.style.height = blanket_height + 'px'; var popUpDiv = document.getElementById(popUpDivVar); popUpDiv_height=blanket_height/2-200;//200 is half popup's height popUpDiv.style.top = popUpDiv_height + 'px'; } function window_pos(popUpDivVar) { if (typeof window.innerWidth != 'undefined') { viewportwidth = window.innerHeight; } else { viewportwidth = document.documentElement.clientHeight; } if ((viewportwidth > document.body.parentNode.scrollWidth) && (viewportwidth > document.body.parentNode.clientWidth)) { window_width = viewportwidth; } else { if (document.body.parentNode.clientWidth > document.body.parentNode.scrollWidth) { window_width = document.body.parentNode.clientWidth; } else { window_width = document.body.parentNode.scrollWidth; } } var popUpDiv = document.getElementById(popUpDivVar); window_width=window_width/2-200;//200 is half popup's width popUpDiv.style.left = window_width + 'px'; } function popup(windowname) { blanket_size(windowname); window_pos(windowname); toggle('blanket'); toggle(windowname); } </script> Here's the html code. <div id="blanket" style="display:none"></div> <div id="popUpDiv" style="display:none"> <a href="#" onclick="popup('popUpDiv')" >Click to Close CSS Pop Up</a> </div> <a href="#" onclick="popup('popUpDiv')">Click to Open CSS Pop Up</a> Here's the css code. #blanket { background-color:#111; opacity: 0.65; *background:none; position:absolute; z-index: 9001; top:0px; left:0px; width:100%; } #popUpDiv { position:absolute; background:url(pop-back.jpg) no-repeat; width:400px; height:400px; border:5px solid #000; z-index: 9002; } Hope This Helps
  6. Hello, I'm new to this forum and I'm a 13(almost 14)years old. I love making websites a templates then sell them(which i'm not very good at). I am currently making templates for AV Arcade Script. I wanted your feedback on my new template. Here it is: http://zuenti.com/demos/color-ful/ Thanks
  7. Hello, I'm new here and I'm a 13(almost 14) years old. I'm a web designer but when It come to programming........I suck!........I don't really know anything about programming :/ I'm asking for your help to make an for Google Chrome that can change facebook CSS. For example i want to make facebook look green i just click on the extension(i dont know what they are called but there the things next to the navigation bar) and select what color i want it and boom! facebook changes to a green layout. I know how to create website and anything that has to do with web designing and templates for Google Chrome but I don't know how to make an extension for google chrome Please help me. Here's an example....JUST A SIMPLE, FAST, and UGLY EXAMPLE. Thanks! Blog: http://irvindomin.com Twitter: http://Twitter.com/IrvinBurciaga

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.