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.

Arbaoui Mehdi

Members
  • Joined

  • Last visited

  1. An E-marketplace is a website where people can buy from each other more efficiently. These virtual places are created to help buyers and sellers to save time and money; they can also help to get the lowest price and choose from the different presented services. This is what they are created for. On this post, we will present you a list of E-marketplaces that are created to help web-designers, web-developers, Flash designers and all those geeks who are producing scripts, templates, banners…etc. and want to merchandise without knowing how? These E-marketplaces are an opportunity to sell your productions. Read More : http://depotwebdesigner.com/articles/25-best-marketplaces-to-sell-your-work-online.html
  2. Here’s a laptop created from “Scratch” in Photoshop cs5, totally customizable and very well organized and named layers, in this package i have included the project in PSD format and PNG (256×256, 128×128, 64×64) .Released by Depot Webdesigner Download (direct link) : http://depotwebdesigner.com/projets/preview/laptop-macbook/laptop-mackbook.zip
  3.    Lev reacted to a post in a topic: Free grunge design theme for webdesigner – PSD
  4. Grunge Blog is free grunge design theme for webdesigner or any other graphic artist. This is an easy modern to customize psd template, can be used in portfolios, companies or agencies, its clean and modern. Download free PSD
  5. Here is a quick example to learn how to create an Under Construction page with jquery. Demo Code Html and Javascript : <!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" xml:lang="en" lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>Under Construction Page From Depot Webdesigner</title> <link rel="stylesheet" href="css/paper.css" type="text/css" /> <script type="text/javascript" src="js/jquery.min.js" ></script> <script type="text/javascript" src="js/jquery.countdown.min.js"></script> <script type="text/javascript"> $(function () { var liftoffTime = new Date(2010, 9 - 1, 14, 13, 00); $('#counter').countdown({until: liftoffTime, layout: '<div class="blockTime"><div class="blockLeft"><h1 class="titleH1">{dl}</h1><div class="contentBlockLeft"> <h1>{dn}</h1> </div></div> <div class="blockLeft"><h1 class="titleH1">{hl}</h1> <div class="contentBlockLeft"><h1>{hn}</h1></div></div> <div class="blockLeft"><h1 class="titleH1">{ml}</h1><div class="contentBlockLeft"> <h1>{mnn}</h1></div></div> <div class="blockLeft"><h1 class="titleH1">{sl}</h1><div class="contentBlockLeft"> <h1>{snn}</h1></div></div></div>'}); }); </script> </head> <body> <div id="container"> <div class="intro_text"> <h1>Website under construction. We will be live soon! </h1></div> <div class="countdown"> <h1>We expect an official launch in</h1> <div id="counter"></div> </div> <div class="status"> </div> </div> <!--end container--> </body> </html> You can adjust the date from: var liftoffTime = new Date(2010, 9 - 1, 14, 13, 00); Code Css : /* Resets */ html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, a, abbr, acronym, address, big, cite, code, em, font, img, small, strong, ol, ul, li,fieldset, form, label, legend { margin: 0; padding: 0; border: 0; outline: 0; font-family:Tahoma, Geneva, sans-serif; } /* Main styles */ body{ margin:0; padding:0; color:#4d4b4b; background: #ABA590; font-family: Georgia, sans-serif; font-size:14px; line-height:140%; } p{ margin-bottom:15px;line-height:130%; } h1, h2{padding:5px 0 22px 0;} h1{font-size: 28px;} h2{font-size: 23px;} .tag{font-family:Helvetica, Arial, san-serif; font-size: 52px; font-style:uppercase; font-weight:bold;} #container{ width:960px; margin:0px auto; padding-top:50px; text-align:center; height:440px; } .intro_text{ font-size:18px; margin-top:18px; margin-bottom:20px; color:black; } .countdown h4{ font-weight:400; font-size:12px; color:#848282; } .countdown #counter{ font-size:22px; color:#1e1a19; margin-bottom:70px; } .blockLeft { background:url('../images/back-btn.jpg') no-repeat center; float:left; margin-left:10px; width:156px; height:133px; } .blockLeft h1 { font-size:50px; } .contentBlockLeft { width:80px; margin:18px 0px 0px 35px; text-shadow:0 1px 0 #eaf459; } .blockTime { margin:10px 0px 0px 120px; } .titleH1 { padding:0; font-size:25px !important; margin-top:8px; text-shadow:0 1px 0 #eaf459; } Download Sources Files
  6. Download a Free layered PSD template with Web 2.0 look Another free layered .PSD template with Web 2.0 look from Depot Webdesigner, can be used in portfolios, companies or agencies, its clean and modern.
  7. Hosting Plans Boxes Price Tables, the file is fully layered and includes no rasterized layers – so you can adjust the size of the elements without restriction. Download
  8. Taste of sushi with a new template created by me, dedicated to all the faithful user of the site. Download From Depot Webdesigner
  9. Hi, in this interesting article you will find tutorials that will help you to create your website with the famous CMS wordpress : 8 great tutorials on How to Build a Custom Wordpress Theme
  10. in this example I’ll explain how to create a menu with css that uses the propriety -moz-border-radius. Demo work only on firefox. Demo and Download
  11. Arbaoui Mehdi Moroccan origin I have 24 years old, my profession is web designer: Programming Language: xhtml / css (css2, css3), xml, javascript, php / mysql. CMS: joomla, wordpress, DataLife Engine Software: Photoshop, Illustrator, Flash. For my skills and my specialty is the creation of templates with photoshop then convert to wordpress or joomla, passing from psd to xhtml / css and revitalization of the model. Here is my blog : http://www.depotwebdesigner.com

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.