ahile91

Members
  • Content count

    20
  • Joined

  • Last visited

Community Reputation

0 Neutral

About ahile91

  • Rank
    Newbie

Recent Profile Visitors

183 profile views
  1. it's work perfeclty thanks man take care of you
  2. i diden't know how to make a categories and sub-categories
  3. sorry i was out of town now i came. i see here ur script but what to keep from all of them ?
  4. now i just write that and u say now is an easy way ? hehhe is very dificult this java script i'm going to sleep now is 2:30am so tomorrow i'll see what i do...
  5. can you writhe it for me please? after i get good knowlage of html and css i'll start studyng java and php..you want to hear something funny ? i not even finish the high school but i'm trying to build my own website and start a busines with it. i think i pasion can beat some mistake that i make them when i was younger
  6. yeah ! not is working for bouth but why when i open bouth is stay opens bout of them why is not closeing one ? btw your the best ! thanks so much ! and how is posible cuz in my head is not matching "this" with "elem"
  7. <!DOCTYPE html> <html lang="en-US"> <head> <title>title</title> <meta name="keywords" content="bla bla"> <meta name="description" content="about bla bla"> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" type="text/css" href="style.css"> <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source Serif Pro"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> <!--[if lt IE 9]> <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script> <![endif]--> </head> <!-- body --> <body> <div class="container_16"> <style> body,h1,h2,h3,h4,h5,h6 {font-family: "Source Serif Pro", sans-serif} </style> <!-- header --> <header> <div class="grid_5 alpha brand">webname</div> <div class="grid_11 omega"> <!-- navigation --> <nav> <ul> <li><a href="#">Contact</a> |</li> <li><a href="#">Home</a> |</li> <li><a href="#">SingUp</a></li> </ul> </nav> </div> <div class="grid_5"> <div class="dropdown"> <button onclick="myFunction(elem)" class="dropbtn">Rental</button> <div class="dropdown-content"> <a href="#">House</a> <a href="#">Studio</a> <a href="#">Flat</a> </div> </div> </div> <div class="grid_5"> <div class="dropdown_2"> <button onclick="myFunction()" class="dropbtn_2">Cars</button> <div class="dropdown-content_2"> <a href="#">Electric</a> <a href="#">Petrol</a> <a href="#">Diesel</a> </div> </div> </div> </header> <!-- footer --> <footer> <p>&copy; 2017 All rights reserved.</p> </footer> <!-- navigation java script --> <script> /* When the user clicks on the button, toggle between hiding and showing the dropdown content */ function myFunction(elem) { elem.nextElementSibling.classList.toggle("show"); } // Close the dropdown if the user clicks outside of it window.onclick = function(e) { if (!e.target.matches('.dropbtn')) { var myDropdown = document.getElementsByClassName("dropdown-content"); for (var i = 0; i < myDropdown.length; i++) { if (myDropdown[i].classList.contains('show')) { myDropdown[i].classList.remove('show'); } } } }; </script> <script> /* When the user clicks on the button, toggle between hiding and showing the dropdown content */ function myFunction() { document.getElementById("myDropdown_2").classList.toggle("show"); } // Close the dropdown if the user clicks outside of it window.onclick = function(e) { if (!e.target.matches('.dropbtn_2')) { var myDropdown_2 = document.getElementById("myDropdown_2"); if (myDropdown_2.classList.contains('show')) { myDropdown_2.classList.remove('show'); } } } </script> </body> </html>
  8. i don't get it...why is not opening now?
  9. ok i'm confuse now idk how to make it...so this is the code..let me explain better. first i want to make "rental" and "cars" to dropdown and the dropdown content (submenu) style it to put it in a box container. all this in the header than under to put some slideshow and 6/8 col photo gallery. i'm using 16grid from 960 <!DOCTYPE html> <html lang="en-US"> <head> <title>title</title> <meta name="keywords" content="bla bla"> <meta name="description" content="about bla bla"> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" type="text/css" href="style.css"> <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source Serif Pro"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> <!--[if lt IE 9]> <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script> <![endif]--> </head> <!-- body --> <body> <div class="container_16"> <style> body,h1,h2,h3,h4,h5,h6 {font-family: "Source Serif Pro", sans-serif} </style> <!-- header --> <header> <div class="grid_5 alpha brand">webname</div> <div class="grid_11 omega"> <!-- navigation --> <nav> <ul> <li><a href="#">Contact</a> |</li> <li><a href="#">Home</a> |</li> <li><a href="#">SingUp</a></li> </ul> </nav> </div> <div class="grid_5"> <div class="dropdown_1"> <button onclick="myFunction()" class="dropbtn_1">Rental</button> <div id="myDropdown_1" class="dropdown-content_1"> <a href="#">House</a> <a href="#">Studio</a> <a href="#">Flat</a> </div> </div> </div> <div class="grid_5"> <div class="dropdown_2"> <button onclick="myFunction()" class="dropbtn_2">Cars</button> <div id="myDropdown_2" class="dropdown-content_2"> <a href="#">Electric</a> <a href="#">Petrol</a> <a href="#">Diesel</a> </div> </div> </div> </header> <!-- footer --> <footer> <p>&copy; 2017 All rights reserved.</p> </footer> <!-- navigation java script --> <script> /* When the user clicks on the button, toggle between hiding and showing the dropdown content */ function myFunction() { document.getElementById("myDropdown_1").classList.toggle("show"); } // Close the dropdown if the user clicks outside of it window.onclick = function(e) { if (!e.target.matches('.dropbtn_1')) { var myDropdown_1 = document.getElementById("myDropdown_1"); if (myDropdown_1.classList.contains('show')) { myDropdown_1.classList.remove('show'); } } } </script> <script> /* When the user clicks on the button, toggle between hiding and showing the dropdown content */ function myFunction() { document.getElementById("myDropdown_2").classList.toggle("show"); } // Close the dropdown if the user clicks outside of it window.onclick = function(e) { if (!e.target.matches('.dropbtn_2')) { var myDropdown_2 = document.getElementById("myDropdown_2"); if (myDropdown_2.classList.contains('show')) { myDropdown_2.classList.remove('show'); } } } </script> </body> </html>
  10. i tryed before posting..is work for one only<script> /* When the user clicks on the button, toggle between hiding and showing the dropdown content */ function myFunction() { document.getElementById("myDropdown_2").classList.toggle("show"); } // Close the dropdown if the user clicks outside of it window.onclick = function(e) { if (!e.target.matches('.dropbtn_2')) { var myDropdown_2 = document.getElementById("myDropdown_2"); if (myDropdown_2.classList.contains('show')) { myDropdown_2.classList.remove('show'); } } } </script>
  11. <!DOCTYPE html> <html> <head> <style> .container { overflow: hidden; background-color: #333; font-family: Arial; } .container a { float: left; font-size: 16px; color: white; text-align: center; padding: 14px 16px; text-decoration: none; } .dropdown { float: left; overflow: hidden; } .dropdown .dropbtn { cursor: pointer; font-size: 16px; border: none; outline: none; color: white; padding: 14px 16px; background-color: inherit; } .container a:hover, .dropdown:hover .dropbtn { background-color: red; } .dropdown-content { display: none; position: absolute; background-color: #f9f9f9; min-width: 160px; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-index: 1; } .dropdown-content a { float: none; color: black; padding: 12px 16px; text-decoration: none; display: block; text-align: left; } .dropdown-content a:hover { background-color: #ddd; } .show { display: block; } </style> </head> <body> <div class="container"> <a href="#home">Home</a> <a href="#news">News</a> <div class="dropdown"> <button class="dropbtn" onclick="myFunction()">Dropdown</button> <div class="dropdown-content" id="myDropdown"> <a href="#">Link 1</a> <a href="#">Link 2</a> <a href="#">Link 3</a> </div> </div> </div> <h3>Dropdown Menu inside a Navigation Bar</h3> <p>Click on the "Dropdown" link to see the dropdown menu.</p> <script> /* When the user clicks on the button, toggle between hiding and showing the dropdown content */ function myFunction() { document.getElementById("myDropdown").classList.toggle("show"); } // Close the dropdown if the user clicks outside of it window.onclick = function(e) { if (!e.target.matches('.dropbtn')) { var myDropdown = document.getElementById("myDropdown"); if (myDropdown.classList.contains('show')) { myDropdown.classList.remove('show'); } } } </script> </body> </html> i just tryit by myself to change from "myDropdown" to "myDropdown_2" but it wasan't work...i just want to add this to my categories so i want to multiplay this content like 2-3 times how do i make this ? please help
  12. so...no one here can help me ? sorry for double post but no answer in 7h p.s i was thinking this website, this forum is a bad a$$, i was wrong ?
  13. hi everyone i'm trying to learn the code to build my own website. i want to make a website using 960grid system 16 colum. but i coulden't find anywhere how to make category? i want to be the navigator on top right and under to be 2 category and multiple subcategory. <!DOCTYPE html> <html lang="en-US"> <head> <title>title</title> <meta name="keywords" content="bla bla"> <meta name="description" content="about bla bla"> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" type="text/css" href="style.css"> <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source Serif Pro"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> <!--[if lt IE 9]> <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script> <![endif]--> </head> <!-- body --> <body> <div class="container_16"> <style> body,h1,h2,h3,h4,h5,h6 {font-family: "Source Serif Pro", sans-serif} </style> <!-- header --> <header> <div class="grid_5 alpha brand">webname</div> <div class="grid_11 omega"> <!-- navigation --> <nav> <ul> <li><a href="#">Contact</a> |</li> <li><a href="#">Home</a> |</li> <li><a href="#">SingUp</a></li> </ul> </nav> </div> </header> <!-- footer --> <!--footer> <p>&copy; 2017 All rights reserved.</p> </footer> </body> </html> for the style i use grid 960_16_col.css and i add this. under this on the same header i want to make another container with 2 category like i said up. body { min-width: 960px; background-image: url(headerbackground.png); background-repeat:repeat-x; } .brand { font-size: 55px; font-weight: 600; } /* text color */ header { color: #ff1e00; } /* navigator position */ nav { text-align: right; margin-top: 20px; } /* navigator text */ nav a { color: #ff1e00; text-decoration: none; padding: 5px; } /* navigator hover */ nav a:hover { background: #6b7d6f; border-radius: 12px; } /* An Unordered List */ header ul { margin: 0; padding: 0; } /* navigator alignment */ header li { list-style: none; display: inline; margin-left: 5px; padding: 0; font-size: 16px; }
  14. i try to make but i cant pfff.....i found one site and he generate my css style button but i put in validation link and he give me error and how can i connect this on my html omg ! i try like this in many ways <button type="button">Click Me!</button> <a herf="http://site" target="blank" class="" > </a> have this code that i want to use: <a href="http://www" onclick="window.open('http://www')">Click</a> .btn { background: #2adeeb; background-image: -webkit-linear-gradient(top, #2adeeb, #fff154); background-image: -moz-linear-gradient(top, #2adeeb, #fff154); background-image: -ms-linear-gradient(top, #2adeeb, #fff154); background-image: -o-linear-gradient(top, #2adeeb, #fff154); background-image: linear-gradient(to bottom, #2adeeb, #fff154); -webkit-border-radius: 60; -moz-border-radius: 60; border-radius: 60px; text-shadow: 0px 0px 12px #000000; -webkit-box-shadow: 2px 3px 8px #544e54; -moz-box-shadow: 2px 3px 8px #544e54; box-shadow: 2px 3px 8px #544e54; font-family: Georgia; color: #ff33a7; font-size: 60px; padding: 19px; border: solid #ff8c00 2px; text-decoration: none;}.btn:hover { background: #e617af; background-image: -webkit-linear-gradient(top, #e617af, #e62020); background-image: -moz-linear-gradient(top, #e617af, #e62020); background-image: -ms-linear-gradient(top, #e617af, #e62020); background-image: -o-linear-gradient(top, #e617af, #e62020); background-image: linear-gradient(to bottom, #e617af, #e62020); text-decoration: none;} please help me with this so i can start make the index page i dont find a tutorial to explain how to combine all language i want to work in separate file all .CSS code in few file like enter.css ; text.html