Jump to content


  • Content count

  • Joined

  • Last visited

Community Reputation

0 Neutral

About anatak

  • Rank
    Advanced Member

Profile Information

  • Gender
    Not Telling
  • Location
    Japan, Fukuoka prefecture, Kitakyushu City
  1. Hello, I am looking for a css dev to complete a navigation menu (or replace it). I will give you the current code (static html and css) you will have to create the css on your own server. Please do not ask for me to create an environment for you to work in. The dev needs good English, French or Dutch language skills to communicate. After the navigation menu is finished, more work for general layout is possible. you can look at the current version here http://www.test.anatak.com/en/twintipFusion3lw.php payment will be made by paypal after delivery 5000 yen for the navigation with general layout of website CSS navigation in CSS and HTML (No javascript) Responsive style for mobile devices general layout for site (div for navigation, content and footer) thank you anatak Please contact me on info [@] anatak.com
  2. anatak

    CSS navigation menu

    Hi again, I am sorry but I was too optimistic. The problem is still there. I tested it on palemoon, chromium and internet explorer. if you go to http://www.test.anatak.com/en/kiteXr5.php the first two lines are hidden by the menu. If you make the screen size small enough you trigger the mobile version and you' ll see the hidden lines. another few things I noticed on IOS (iphone) and chromium an underscore _ is displayed after the flags to change the language. On palemoon and internet explorer the flags are displayed without the underscore _ I have no idea why that underscore is displayed. I changed the CSS to make the divs float left and clear /*make navigation float left*/ #navigation{ float: left; } /*make siteWrap float left and clear*/ #siteWrap{ float: left; clear: left; } /*make footer float left and clear*/ #footer{ float: left; clear: left; text-align: center; }
  3. anatak

    CSS navigation menu

    thank you very much. I am looking at it with palemoon. The only problem now is when the screen is too wide, the content starts showing on the right side of the menu. but I just realized i didn't float my content div. So That will solve the problem I think. will check it with chrome
  4. anatak

    CSS navigation menu

    I have a CSS navigation menu that has some problems. you can take a look here http://www.test.anatak.com/ In the mobile version, no content is shown when the menu is not open. in the desktop version, the content starts right of the menu. You can see an example here http://www.test.anatak.com/en/surfboardRipper3.php a few things I noticed. in the navigation menu the <ul class="nav" id="menu"> has no closing </ul> tag. When I use the closing </ul> tag the first few lines of the content gets under the navigation menu in the desktop version. The mobile version works without problems then. the second thing I tried was putting a div around the navigation menu but that did not solve the problem in the desktop version. Could anyone help me so that the content in the desktop version shows correctly under the menu without having the few first lines hidden by the menu ? The CSS is this /*horizontal navigation style*/ /*Strip the ul of padding and list styling*/ ul.nav { list-style-type:none; margin:0; padding:0; position: absolute; } /*Create a horizontal list with spacing*/ li.nav { display:inline-block; float: left; margin-right: 1px; } /*Style for menu links*/ li.nav a.nav { display:block; min-width:140px; height: 50px; text-align: center; line-height: 50px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; color: #fff; background: #2f3036; text-decoration: none; } /*Hover state for top level links*/ li.nav:hover a.nav { background: #19c589; } /*Style for dropdown links*/ li.nav:hover ul.nav a.nav { background: #f3f3f3; color: #2f3036; height: 40px; line-height: 40px; } /*Hover state for dropdown links*/ li.nav:hover ul.nav a.nav:hover { background: #19c589; color: #fff; } /*Hide dropdown links until they are needed*/ li.nav ul.nav { display: none; } /*Make dropdown links vertical*/ li.nav ul.nav li.nav { display: block; float: none; } /*Prevent text wrapping*/ li.nav ul.nav li.nav a.nav { width: auto; min-width: 100px; padding: 0 20px; } /*Display the dropdown on hover*/ ul.nav li.nav a.nav:hover + .hidden, .hidden:hover { display: block; } /*Style 'show menu' label button and hide it by default*/ .show-menu { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; text-decoration: none; color: #fff; background: #19c589; text-align: center; padding: 10px 0; display: none; } /*Hide checkbox*/ input[type=checkbox]{ display: none; } /*Show menu when invisible checkbox is checked*/ input[type=checkbox]:checked ~ #menu{ display: block; } /*Responsive Styles*/ @media screen and (max-width : 760px){ /*Make dropdown links appear inline*/ ul.nav { position: static; display: none; } /*Create vertical spacing*/ li.nav { margin-bottom: 1px; } /*Make all menu links full width*/ ul.nav li.nav, li.nav a.nav { width: 100%; } /*Display 'show menu' link*/ .show-menu { display:block; } } and the HTML is here (without </ul> and <div></div> <!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> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>kite japan</title> <link rel="stylesheet" type="text/css" href="../horizontalNavigationStyle.css"> </head> <body> <div name="language"><a class="nav" href="../en/home.php"> <img src="../image/language/english50x26.png" alt="English" width="50" height="26"> </a><br><a class="nav" href="../ja/home.php"> <img src="../image/language/japanese50x26.png" alt="日本語" width="50" height="26"> </a><br></div> <label for="show-menu" class="show-menu">Show Menu</label> <input type="checkbox" id="show-menu" role="button"> <ul class="nav" id="menu"> <li class="nav"><a class="nav" href="home.php">HOME</a></li> <li class="nav"><a class="nav" href="kite.php">KITES⬇</a> <ul class="hidden"> <li class="nav"><a class="nav" href="kiteXr5.php">XR5</a></li> <li class="nav"><a class="nav" href="kiteGts4.php">GTS4</a></li> <li class="nav"><a class="nav" href="kiteFree.php">FREE</a></li> <li class="nav"><a class="nav" href="kiteSection2.php">SECTION2</a></li> <li class="nav"><a class="nav" href="kiteImpact2.php">IMPACT2</a></li> <li class="nav"><a class="nav" href="kiteLW.php">LIGHT WIND (LW)</a></li> <li class="nav"><a class="nav" href="kiteXr5lw.php">XR5 LW</a></li> <li class="nav"><a class="nav" href="kiteGts4lw.php">GTS4 LW</a></li> <li class="nav"><a class="nav" href="kiteFreelw.php">FREE LW</a></li> <li class="nav"><a class="nav" href="kiteSection2lw.php">SECTION2 LW</a></li> </ul> </li> <li class="nav"><a class="nav" href="twintip.php">TWINTIPS⬇</a> <ul class="hidden"> <li class="nav"><a class="nav" href="twintipFusion3.php">FUSION3</a></li> <li class="nav"><a class="nav" href="twintipFusion3lw.php">FUSION3 LW</a></li> <li class="nav"><a class="nav" href="twintipChoice2.php">CHOICE2</a></li> <li class="nav"><a class="nav" href="twintipBolt2.php">BOLT2</a></li> </ul> </li> <li class="nav"><a class="nav" href="surfboard.php">SURFBOARDS⬇</a> <ul class="hidden"> <li class="nav"><a class="nav" href="surfboardRipper3.php">RIPPER</a></li> <li class="nav"><a class="nav" href="surfboard720.php">720</a></li> <li class="nav"><a class="nav" href="surfboardGreenRoom.php">GREEN ROOM</a></li> </ul> </li> <li class="nav"><a class="nav" href="bar.php">bar⬇</a> <ul class="hidden"> <li class="nav"><a class="nav" href="barSensor2.php">sensor2</a></li> <li class="nav"><a class="nav" href="barSensor2s.php">sensor2S</a></li> <li class="nav"><a class="nav" href="barSensor2sPro.php">sensor2S pro</a></li> </ul> </li> <li class="nav"><a class="nav" href="accessory.php">accessory⬇</a> <ul class="hidden"> <li class="nav"><a class="nav" href="pump.php">pump</a></li> <li class="nav"><a class="nav" href="fin.php">fin</a></li> <li class="nav"><a class="nav" href="strapPad.php">strap & pad</a></li> <li class="nav"><a class="nav" href="unhooked.php">unhooked</a></li> <li class="nav"><a class="nav" href="trainer.php">trainer</a></li> </ul> </li> <div class="siteWrap"> <figure> <img src="../image/surfboard/RIPPER/CORE_Ripper_3_Top_and_Bottom_Cutout_72dpi_102x200.png" alt="RIPPER 3 Wave Warrior<br><b>ALROUND WAVE</b>" width="102" height="200"> <figcaption>RIPPER 3 Wave Warrior<br><b>ALROUND WAVE</b></figcaption><!--40 Ripper 3 Intro--> </figure> <h2>Ripper 3</h2> <h3>Wave Warrior</h3> <p>The new Ripper 3 is our super smooth riding custom glass surfboard. The revised tail shape, tucked under rails, and slightly reduced width may induce endless woohoos in just about any waves. Like the ones a Nor'easterly brings to the East Coast. Or a good low brings to the Great Lakes. We built the ultra comfortable, Ripper 3 allrounder to feel right at home on big, messy, wind driven lake swell and the super smooth reefs of Mauritius and Maui. A handcrafted, glass shortboard for all your road trips, wherever they may take you. The Ripper 3. Your next allround surfboard-slash-kite surfboard-slash-lightwind weapon.</p> <p>Sizes: 5'8" 172 cm | 5'10" 178 cm | 6'1" 185 cm</p> <p>Features:<br> ▪ DESIGNED IN GERMANY. HANDCRAFTED IN PORTUGAL.<br> ▪ ACTIVE FOAM CORE – Superior flex memory.<br> ▪ CLASSIC GLASS COAT – Pros prefer it. So should you.<br> ▪ SHORTBOARD OUTLINE – Optimized for allround wave performance.<br> ▪ NEW: ROUND TAIL – Improved traction and lift for classic, smooth carving turns.<br> ▪ NEW: TUCKED UNDER RAILS – Extreme grip and control in turns.<br> ▪ STRAP-READY – Your choice. Go strapless or add straps.<br> ▪ DOUBLE STRINGER – Manages torsion and supports the strap inserts.<br> ▪ BLUNT NOSE – Safer. And heck, it looks cooler.<br> ▪ THRUSTER FIN SETUP – Optimizes the balance between control and a loose, skatey feel.<br> ▪ ORIGINAL FCS II SYSTEM – The world standard in fin systems.</p> <p> <table> <tr><td>Length</td><td>Width</td><td>Thickness</td><td>Volume L</td><td>Rider's weight</td></tr> <tr><td>5'8"</td><td>17 7⁄8"</td><td>2 1/16"</td><td>23,0 L</td><td>50 - 75 kg</td></tr> <tr><td>172 cm</td><td>45,5 cm</td><td>5,2 cm</td><td>23,0 L</td><td> </td></tr> <tr><td>5'10"</td><td>18 1⁄8"</td><td>2 1⁄4"</td><td>25,0 L</td><td>65 - 90 kg</td></tr> <tr><td>178 cm</td><td>46 cm</td><td>5,7 cm</td><td>25,0 L</td><td> </td></tr> <tr><td>6'1" </td><td>18 1⁄2"</td><td>2 3⁄8"</td><td>27,0 L</td><td>80 + kg</td></tr> <tr><td>185 cm</td><td>47 cm</td><td>6 cm</td><td>27,0 L</td><td> </td></tr> </table> </p> <p> Delivery: The Ripper 3 comes standard with a CORE Rear Traction Pad, Leash Plug, and FCS II fin boxes. </p> <p> Accessories:<br> ▪ CORE Center Traction Pad<br> ▪ CORE Front Traction Pad<br> ▪ CORE Surf Straps<br> ▪ "FCS II Carver GF Tri Set" Fins<br> ▪ "FCS II Accelerator Neo Glass Tri Set" Fins<br> ▪ "FCS II Accelerator PC Carbon Tri Set" Fins</p><!--41 Ripper 3 description--> <p>Please visit <a href="https://corekites.com/us/">https://corekites.com/us/</a> for more information.</p><!--17 Contact Us--> <img src="../image/logo/CORE_black_on_yellow_CMYK_800x244.png" alt="Core logo black on yellow" width="800" height="244"> </div><div style="text-align:center;"><span style="color: #000000;">Copyright © kite japan <?php echo date("Y"); ?>, All Rights Reserved</span></div> </body> </html>
  5. Hello, I am looking for a css dev to complete a navigation menu (or replace it). I will give you the current code (static html and css) you will have to create the css on your own server. Please do not ask for me to create an environment for you to work in. PS The dev needs good English, french or dutch language skills to communicate. After the navigation menu is finished, more work for general layout is possible. thank you anatak
  6. thank you Will look into the frameworks you mentioned. I just returned after a 3 year absence of php coding and noticed some nice changes to make things easier (email verification, and password hash are the first things that come to ming) I tried some content management systems but they are never compatible with what I needed to do (multi lingual with Japanese is not common and at best badly supported)
  7. Can anyone recommend a secure login / password reset script ? I would prefer something that I pay for that get maintained by the developer. I looked at Xavier from Angry Frog but did not get a reply on contacting them script needs to -encrypt passwords -login with email address -brute force hacking detection -captcha after 2-3 failed attempts -password reset thx anatak
  8. anatak

    PHP login with redirect

    You should really look into PDO. It is so much easier than mysqli (in my opinion) Read this tutorial It is one (longish) page that will get you to grips with the basics of PDO https://phpdelusions.net/pdo#query
  9. anatak

    password reset logic

    * For the record: Client-side hashing in addition to bcrypt hashing on the server does have a small benefit for the user, because it conceals their original password choice. If the same password is used on different websites, then an attacker who obtains the SHA-512 hash at least won't get free access to those other sites. But they do get access to your site. And as already explained, SHA-512 doesn't provide much protection, anyway. On the other hand, I don't tell visitors anything about an e-mail address. All I do is send a message to the address so that the owner knows if they're registered. This does not create any security risk at all. If the address is not registered, then I only tell the user exactly that: “Sorry, this e-mail address is not registered in our system. Maybe you've used a different address?” Of course this does mean that my application might occasionally send unwanted e-mails to people who have nothing to do with my site. But every registration procedure has the exact same problem: Anybody can enter an arbitrary e-mail address, and then this person will get a message about their registration. There's not much we can do about that. I think I misunderstood your original explanation.. if a user enters and email address to receive a new token to reset his password there, you don't give any feedback on the site itself. Then I understand the use of your logic. I will probably copy that. traffic of the site goes over https so I never really understood the use of hashing a password I will probably use the logic you posted in the other thread. thanks for the discussion. Not a lot of people I can talk about that in my area.
  10. anatak

    password reset logic

    yes I read the other thread and I agree with your position I have one question. How do you send the password information from the user to the server ? and is this really needed when I use HTTPS at the moment the password is hashed with sha512 and then send to the server. server side the password is salted and stored in the database. I will look into password_hash() to encrypt the password. by sending an email when the address is not in the database and explaining that it does not exist in the database, you do the same as I do but with an extra step of sending an email to an address that might not exist or is in the hands of some one with bad intention. I am sorry but I don't see the difference between your method of sending an email anyway and explaining the email address does not exit and displaying a message saying the email address does not exist. would you care to elaborate why you prefer your method ?
  11. anatak

    password reset logic

    thank you for the link I did not read it till the end but I am pretty sure it is what I was looking for but did not find it since my search terms where different. If the email does not exist the user will get the message that the inputted email is not recognized and will be asked to input his email address again and make sure that there are no mistakes. passwords and tokens are ran through sha512 and salted in the database. thanks again
  12. anatak

    password reset logic

    What would be a good way to reset a password ? I was thinking 1 user requests reset password page or after faulty login suggest reset password page 2 fill in email address 3 check if email address exists 4 if address exist insert a random key into database 5 create a password reset url with random key and send to registered email address 6 after user clicks url in mail use $_GET to retrieve random key from password reset url 7 check if url exists in database 8 let user choose new password 9 check that password strenght is valid 10 encrypt password 11 write password in db 12 confirm page that password has been changed Are there any obvious mistakes in this logic ? This application will be aimed at 70-80 years old people so it has to be as easy to use as possible. security questions and captcha's will be not really possible I am afraid. thank you very much anatak
  13. I am developing a site where all the user data is in a separate folder. The idea is to not have to access the database with the user data. The account page will include the user data from the user that is logged in. the problem however is that you can access all the user data by browsing to the right url my folder setup is now /DocumentRoot and under DocumentRoot I have public_html scripts user_data by browsing to mydomain.com/user_data/user_1/account_1.inc the user data is displayed as a regular text file. the same thing is true for the scripts folder. by placing the user_data and scripts folder outside DocumentRoot acces is denied to the user_data and scripts folder but then php can not include the needed files. Is there some way to let php access the files in the user_data and scripts folders but in such a way that you can not access the files from a browser ?
  14. I am trying to use the phpmailer class to send a mail from a webform. I will substitute my mail server name with mail.example.com I am getting these errors SERVER -> CLIENT: CLIENT -> SERVER: EHLO localhost SERVER -> CLIENT: SMTP ERROR: EHLO command failed: SMTP NOTICE: EOF caught while checking if connected SMTP connect() failed. Mailer Error: SMTP connect() failed. I am trying to connect to my server and not to localhost. I changed the /etc/php5/apache2/php.ini on a debian system to and SMTP = mail.example.com ; http://php.net/smtp-port smtp_port = 465 then restart apache with /etc/init.d/apache2 restart Here is the code //Create a new PHPMailer instance $mail = new PHPMailer(); //Tell PHPMailer to use SMTP $mail->isSMTP(); //Enable SMTP debugging // 0 = off (for production use) // 1 = client messages // 2 = client and server messages $mail->SMTPDebug = 2; //Ask for HTML-friendly debug output $mail->Debugoutput = "html"; //Set the hostname of the mail server $mail->Host = "mail.example.com"; //Set the SMTP port number - likely to be 25, 465 or 587 $mail->Port = 465; //Whether to use SMTP authentication $mail->SMTPAuth = true; // Enable encryption, "ssl" also accepted $mail->SMTPSecure = "tls"; //Username to use for SMTP authentication $mail->Username = "mailer@example.com"; //Password to use for SMTP authentication $mail->Password = "mailerpassword"; //Set who the message is to be sent from $mail->setFrom('mailer@example.com', 'Mailer do not reply'); //Set an alternative reply-to address //$mail->addReplyTo('replyto@example.com', 'First Last'); //Set who the message is to be sent to $mail->addAddress('receive@example.com', 'receive'); //Set the subject line $mail->Subject = 'PHPMailer SMTP test'; $mail->Body = 'mailer body test: '; //send the message, check for errors if (!$mail->send()) { echo "Mailer Error: " . $mail->ErrorInfo; } else { echo "Message sent!"; } any help is appreciated
  15. anatak

    design question

    I am building a site where people can order something. then the order will be stored in a mysql db. I would like to track the status of the transaction. ordered or executed ordered would mean that the customer ordered something but the transaction has not been processed yet. executed would mean that the customers transaction has been executed. I wonder what is the best way to do this ? My initial idea was to have a table orders with an order date (the date / time we receive the order), and execution date (date / time we completed the order) and a boolean field to decide if the order has been executed or not. Any better designs for this ?

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.