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.

Jamiee™

Members
  • Joined

  • Last visited

Reputation Activity

  1. Like
    Jamiee™ reacted to I am Sam in Webpage centering problems...   
    Hey Ashley, are you still having problems with this? I'm on my mac at the moment and everything looks good in firefox. I'll have a look in ie when I get home later.
    Looking at your html and css I notice you haven't set a width to your #wrapper or #main_container.
     
    one solution may be:
     
    the html

    <div id="wrap"> <div id="logo"><img src="http://www.ashleymosuro.com/images/logov1.png" width="298" height="118" alt="Mosuro Design" /></div> <p class="quote">"Success is a journey not a destination"</p> <div id="flash-boxes"> <div class="box"> <!--Flash stuff goes here--></div> <div class="box"> <!--Flash stuff goes here--></div> <div class="box"> <!--Flash stuff goes here--></div> </div> </div>
     
    the css

    #wrap{ width: 900px; margin: 0 auto;} #flash-boxes{ width: 750px; margin: 0 auto;}/*change width to suit*/ #logo{ width: 298px; margin: 0 auto;} .quote{ margin: 0 auto; width: 300px;}/*change width to suit*/ .box{ width: 220px; float: left; height: 220px; margin-right: 30px;}
     
    I haven't included all the elements (quote etc) but this should give you an idea of how to go about it. I Will look at it in more detail (and test it!) when I get home. In the mean time feel free to test it out and let me know how it goes.
     
    p.s You'll have to change widths and margins to suit your needs.
  2. Like
    Jamiee™ reacted to webdeveloper93 in My Captcha   
    Post updated with more advance version of captcha
     
    This is an updated verstion of the first captcha i made this one is way more secure some up the updates include.
     
    1.Random generated lines
    2.Random font size's
    3.Blured text['Note the blured text only works in php 5']
    4.Random string position
    5.Random font family from diff font files
     
    CAPTCHA.PHP
    Besure to download the zip file attached this includes the font file
     

    <?php session_start(); function generate(){ //Create a 35 long char string $md5 = md5(microtime() * mktime()); //Since we dont need a 35 char long sting cut it down to 8 $string = substr($md5,0,6); //Creeat image $captcha = imagecreate(300,120); //Create array to hold fonts $font_array = array('ITCKrist.TTF','tallpaul.TTF','Curlz.TTF'); //Create image background color $background = imagecolorallocate($captcha,000,034,51); //Create text color $textcolor = imagecolorallocate($captcha,238,255,255); //Create line color one $linecolor = imagecolorallocate($captcha,068,102,051); //Create line color 2 $linecolor2 = imagecolorallocate($captcha,238,102,068); //Path to font file to use $font= $font_array[array_rand($font_array)]; //Set font size $font_size= mt_rand(30,44); //Set line thickness imagesetthickness($captcha,2); //Create a couple lines to make it hard for robots imageline($captcha,mt_rand(0,300),mt_rand(0,120),mt_rand(0,300),mt_rand(0,120),$linecolor2); imageline($captcha,mt_rand(0,300),mt_rand(0,120),mt_rand(0,300),mt_rand(0,120),$linecolor); imageline($captcha,mt_rand(0,300),mt_rand(0,120),mt_rand(0,300),mt_rand(0,120),$linecolor2); imageline($captcha,mt_rand(0,300),mt_rand(0,120),mt_rand(0,300),mt_rand(0,120),$linecolor); imageline($captcha,mt_rand(0,300),mt_rand(0,120),mt_rand(0,300),mt_rand(0,120),$linecolor2); imageline($captcha,mt_rand(0,300),mt_rand(0,120),mt_rand(0,300),mt_rand(0,120),$linecolor); imageline($captcha,mt_rand(0,300),mt_rand(0,120),mt_rand(0,300),mt_rand(0,120),$linecolor2); imageline($captcha,mt_rand(0,300),mt_rand(0,120),mt_rand(0,300),mt_rand(0,120),$linecolor); imageline($captcha,mt_rand(0,300),mt_rand(0,120),mt_rand(0,300),mt_rand(0,120),$linecolor2); imageline($captcha,mt_rand(0,300),mt_rand(0,120),mt_rand(0,300),mt_rand(0,120),$linecolor); imageline($captcha,mt_rand(0,300),mt_rand(0,120),mt_rand(0,300),mt_rand(0,120),$linecolor2); imageline($captcha,mt_rand(0,300),mt_rand(0,120),mt_rand(0,300),mt_rand(0,120),$linecolor); imageline($captcha,mt_rand(0,300),mt_rand(0,120),mt_rand(0,300),mt_rand(0,120),$linecolor2); imageline($captcha,mt_rand(0,300),mt_rand(0,120),mt_rand(0,300),mt_rand(0,120),$linecolor); imageline($captcha,mt_rand(0,300),mt_rand(0,120),mt_rand(0,300),mt_rand(0,120),$linecolor2); imageline($captcha,mt_rand(0,300),mt_rand(0,120),mt_rand(0,300),mt_rand(0,120),$linecolor); imageline($captcha,mt_rand(0,300),mt_rand(0,120),mt_rand(0,300),mt_rand(0,120),$linecolor2); imageline($captcha,mt_rand(0,300),mt_rand(0,120),mt_rand(0,300),mt_rand(0,120),$linecolor); imageline($captcha,mt_rand(0,300),mt_rand(0,120),mt_rand(0,300),mt_rand(0,120),$linecolor2); imageline($captcha,mt_rand(0,300),mt_rand(0,120),mt_rand(0,300),mt_rand(0,120),$linecolor); imageline($captcha,mt_rand(0,300),mt_rand(0,120),mt_rand(0,300),mt_rand(0,120),$linecolor2); imageline($captcha,mt_rand(0,300),mt_rand(0,120),mt_rand(0,300),mt_rand(0,120),$linecolor); imageline($captcha,mt_rand(0,300),mt_rand(0,120),mt_rand(0,300),mt_rand(0,120),$linecolor2); imageline($captcha,mt_rand(0,300),mt_rand(0,120),mt_rand(0,300),mt_rand(0,120),$linecolor); imageline($captcha,mt_rand(0,300),mt_rand(0,120),mt_rand(0,300),mt_rand(0,120),$linecolor2); imageline($captcha,mt_rand(0,300),mt_rand(0,120),mt_rand(0,300),mt_rand(0,120),$linecolor); imageline($captcha,mt_rand(0,300),mt_rand(0,120),mt_rand(0,300),mt_rand(0,120),$linecolor2); imageline($captcha,mt_rand(0,300),mt_rand(0,120),mt_rand(0,300),mt_rand(0,120),$linecolor); imageline($captcha,mt_rand(0,300),mt_rand(0,120),mt_rand(0,300),mt_rand(0,120),$linecolor2); imageline($captcha,mt_rand(0,300),mt_rand(0,120),mt_rand(0,300),mt_rand(0,120),$linecolor); imageline($captcha,mt_rand(0,300),mt_rand(0,120),mt_rand(0,300),mt_rand(0,120),$linecolor2); imageline($captcha,mt_rand(0,300),mt_rand(0,120),mt_rand(0,300),mt_rand(0,120),$linecolor); imageline($captcha,mt_rand(0,300),mt_rand(0,120),mt_rand(0,300),mt_rand(0,120),$linecolor2); imageline($captcha,mt_rand(0,300),mt_rand(0,120),mt_rand(0,300),mt_rand(0,120),$linecolor); imageline($captcha,mt_rand(0,300),mt_rand(0,120),mt_rand(0,300),mt_rand(0,120),$linecolor2); imageline($captcha,mt_rand(0,300),mt_rand(0,120),mt_rand(0,300),mt_rand(0,120),$linecolor); imageline($captcha,mt_rand(0,300),mt_rand(0,120),mt_rand(0,300),mt_rand(0,120),$linecolor2); imageline($captcha,mt_rand(0,300),mt_rand(0,120),mt_rand(0,300),mt_rand(0,120),$linecolor); imageline($captcha,mt_rand(0,300),mt_rand(0,120),mt_rand(0,300),mt_rand(0,120),$linecolor2); imageline($captcha,mt_rand(0,300),mt_rand(0,120),mt_rand(0,300),mt_rand(0,120),$linecolor); imageline($captcha,mt_rand(0,300),mt_rand(0,120),mt_rand(0,300),mt_rand(0,120),$linecolor2); imageline($captcha,mt_rand(0,300),mt_rand(0,120),mt_rand(0,300),mt_rand(0,120),$linecolor); imageline($captcha,mt_rand(0,300),mt_rand(0,120),mt_rand(0,300),mt_rand(0,120),$linecolor2); imageline($captcha,mt_rand(0,300),mt_rand(0,120),mt_rand(0,300),mt_rand(0,120),$linecolor); imageline($captcha,mt_rand(0,300),mt_rand(0,120),mt_rand(0,300),mt_rand(0,120),$linecolor2); imageline($captcha,mt_rand(0,300),mt_rand(0,120),mt_rand(0,300),mt_rand(0,120),$linecolor); imageline($captcha,mt_rand(0,300),mt_rand(0,120),mt_rand(0,300),mt_rand(0,120),$linecolor2); imageline($captcha,mt_rand(0,300),mt_rand(0,120),mt_rand(0,300),mt_rand(0,120),$linecolor); imageline($captcha,mt_rand(0,300),mt_rand(0,120),mt_rand(0,300),mt_rand(0,120),$linecolor2); imageline($captcha,mt_rand(0,300),mt_rand(0,120),mt_rand(0,300),mt_rand(0,120),$linecolor); imageline($captcha,mt_rand(0,300),mt_rand(0,120),mt_rand(0,300),mt_rand(0,120),$linecolor2); imageline($captcha,mt_rand(0,300),mt_rand(0,120),mt_rand(0,300),mt_rand(0,120),$linecolor); imageline($captcha,mt_rand(0,300),mt_rand(0,120),mt_rand(0,300),mt_rand(0,120),$linecolor2); imageline($captcha,mt_rand(0,300),mt_rand(0,120),mt_rand(0,300),mt_rand(0,120),$linecolor); imageline($captcha,mt_rand(0,300),mt_rand(0,120),mt_rand(0,300),mt_rand(0,120),$linecolor2); imageline($captcha,mt_rand(0,300),mt_rand(0,120),mt_rand(0,300),mt_rand(0,120),$linecolor); imageline($captcha,mt_rand(0,300),mt_rand(0,120),mt_rand(0,300),mt_rand(0,120),$linecolor2); imageline($captcha,mt_rand(0,300),mt_rand(0,120),mt_rand(0,300),mt_rand(0,120),$linecolor); imageline($captcha,mt_rand(0,300),mt_rand(0,120),mt_rand(0,300),mt_rand(0,120),$linecolor2); imageline($captcha,mt_rand(0,300),mt_rand(0,120),mt_rand(0,300),mt_rand(0,120),$linecolor); imageline($captcha,mt_rand(0,300),mt_rand(0,120),mt_rand(0,300),mt_rand(0,120),$linecolor2); imageline($captcha,mt_rand(0,300),mt_rand(0,120),mt_rand(0,300),mt_rand(0,120),$linecolor); imageline($captcha,mt_rand(0,300),mt_rand(0,120),mt_rand(0,300),mt_rand(0,120),$linecolor2); imageline($captcha,mt_rand(0,300),mt_rand(0,120),mt_rand(0,300),mt_rand(0,120),$linecolor); imageline($captcha,mt_rand(0,300),mt_rand(0,120),mt_rand(0,300),mt_rand(0,120),$linecolor2); imageline($captcha,mt_rand(0,300),mt_rand(0,120),mt_rand(0,300),mt_rand(0,120),$linecolor); imageline($captcha,mt_rand(0,300),mt_rand(0,120),mt_rand(0,300),mt_rand(0,120),$linecolor2); imageline($captcha,mt_rand(0,300),mt_rand(0,120),mt_rand(0,300),mt_rand(0,120),$linecolor); imageline($captcha,mt_rand(0,300),mt_rand(0,120),mt_rand(0,300),mt_rand(0,120),$linecolor2); imageline($captcha,mt_rand(0,300),mt_rand(0,120),mt_rand(0,300),mt_rand(0,120),$linecolor); imageline($captcha,mt_rand(0,300),mt_rand(0,120),mt_rand(0,300),mt_rand(0,120),$linecolor2); imageline($captcha,mt_rand(0,300),mt_rand(0,120),mt_rand(0,300),mt_rand(0,120),$linecolor); imageline($captcha,mt_rand(0,300),mt_rand(0,120),mt_rand(0,300),mt_rand(0,120),$linecolor2); imageline($captcha,mt_rand(0,300),mt_rand(0,120),mt_rand(0,300),mt_rand(0,120),$linecolor); imageline($captcha,mt_rand(0,300),mt_rand(0,120),mt_rand(0,300),mt_rand(0,120),$linecolor2); imageline($captcha,mt_rand(0,300),mt_rand(0,120),mt_rand(0,300),mt_rand(0,120),$linecolor); imageline($captcha,mt_rand(0,300),mt_rand(0,120),mt_rand(0,300),mt_rand(0,120),$linecolor2); imageline($captcha,mt_rand(0,300),mt_rand(0,120),mt_rand(0,300),mt_rand(0,120),$linecolor); imageline($captcha,mt_rand(0,300),mt_rand(0,120),mt_rand(0,300),mt_rand(0,120),$linecolor2); imageline($captcha,mt_rand(0,300),mt_rand(0,120),mt_rand(0,300),mt_rand(0,120),$linecolor); imageline($captcha,mt_rand(0,300),mt_rand(0,120),mt_rand(0,300),mt_rand(0,120),$linecolor2); imageline($captcha,mt_rand(0,300),mt_rand(0,120),mt_rand(0,300),mt_rand(0,120),$linecolor); imageline($captcha,mt_rand(0,300),mt_rand(0,120),mt_rand(0,300),mt_rand(0,120),$linecolor2); imageline($captcha,mt_rand(0,300),mt_rand(0,120),mt_rand(0,300),mt_rand(0,120),$linecolor); imageline($captcha,mt_rand(0,300),mt_rand(0,120),mt_rand(0,300),mt_rand(0,120),$linecolor2); imageline($captcha,mt_rand(0,300),mt_rand(0,120),mt_rand(0,300),mt_rand(0,120),$linecolor); //Write random string on image imagettftext($captcha,$font_size,mt_rand(0,20),5,mt_rand(100,120),$textcolor,$font,$string); //Session to hold random string $_SESSION['key'] = $string; imagefilter( $captcha, IMG_FILTER_GAUSSIAN_BLUR); //Output image header("Content-type:image/png"); imagepng($captcha); //clean up imagedestroy($captcha); } generate(); ?>
     
    Pic of the captcha

    captcha2.zip

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.