شاهد الصوره واتبع الاكواد
نبدأ اولا لبرنامج الفرونت بيج : فتح صفحه جديده يجيك كذا
https://alsafrany.blogspot.com/search?q=%D8%A7%D9%84%D9%81%D8%B1%D9%88%D9%86%D8%AA
صوره
<html dir="rtl">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1256">
<title>صفحة جديدة 1</title>
</head>
<body>
</body>
</html>
التعديل لاكواد الفرونت بيج كثالي :
<!DOCTYPE html>
<html lang="en" >
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1256">
<title>صفحات هايف السفراني</title>
<script>
/*HaYeF 101 KuwaiT slider CSS*/
#slider {
list-style:none;
padding:0px;
}
.slider-container {
background:#fff;
width:80%;
height:150px;
padding:17px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
overflow:hidden;
margin:auto;
}
.newcon { width:80%; margin:auto; overflow:hidden}
#slider img {
width:200px;
height:125px;
margin:0px;
display:inline-block;
border: 1px solid #f5f5f5;
}
#slider li {
width:210px
}
/* HaYeF 101 KuwaiT CSS*/
</script>
<script src="js-jquery-latest.js"></script>
<script type="text/javascript" src="js-slider.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$('#slider').bxSlider({
ticker: true,
tickerSpeed: 5000,
tickerHover: true
});
});
</script>
</head>
<body>
<div class="newcon" style="width: 1321px; height: 1063px">
<!-- HaYeF 101 KuwaiT -->
<div class="slider-container">
<ul id="slider">
<li><a href='place link' title="place hover text" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjv-vouuEcFHqJwBLtUbQsae5-v2YDAXFbi-PF0ltGO-dHUGdZ0vY70JYn6zmBTwmegx9B7ZaNlZqAZBUp5AyKbRXG4yhMmx3JEFm7beLjIjQ1VKOFZdG2BhnGHW8KO34b5lT_pn9jhv0p9/s61/Glitter-Adobe22.gif"/></a></li>
<li><a href='place link' title="place hover text" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzeH85w1gXxI3GWPJePEMSz46QnOFOjyMzsVSHr8rx40CofheX8Fje1UuTbiJpuBGJClGq00cvxBpUMr1RlQuwrf_Sz51B_uM1jlv8R3i9ZGPJkB6dFpcb5rbOp9sJIjPXcWtMGfTNIvp4/s60/Glitter-Adobe.gif"/></a></li>
<li><a href='place link' title="place hover text" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhqEjlk15rjiZHbFxK5AGLcad-J8Rh0q99p4czBTZOzPlsFdNvpsQZFE9S7seKQs0XU6633aNDgLP7LKVNiIdPHa6t4BwmIyyMVnzCvETSCPfexHoukDMHqU_jK30092FH09VAfr9WqCGv7/s60/Glitter-Adobe8.gif"/></a></li>
<li><a href='place link' title="place hover text" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBl0QBr5L1ZIjLikF95IMHVZPBaQ-WmPkAmZ-RWTbGAEJT1AKdj5d4E6g0tXkzXmACws4NdUBgNr6fX7hqixj_JO2Tb8MzDBhn_uHs_y2BXyZWz4xtqxGONYqLxAcZpIMs0R9FsM24dkvs/s60/Glitter-Adobe48.gif"/></a></li>
</ul>
</div><!-- HaYeF 101 KuwaiT--></div>
</body>
</html>
المحتوي يحمل كتالي : htm -html - css - js
<!DOCTYPE html>
<html lang="en" >
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1256">
<title>صفحات هايف السفراني</title>
هنا محتوي CSS
هنا محتوي js
</head>
<body>
هنا محتوي htm
</body>
</html>
<!DOCTYPE html> لـ html
<html dir="rtl"> برمجه الفرونت بيج لـ htm
الافضل : htm
<meta http-equiv="Content-Type" content="text/html; charset=windows-1256">
اللغه العربيه
<html lang="en" >
اللغه الانجليزيه
=============================================
وشاهد الموقع بالكودين :
https://www.w3schools.com/js/js_htmldom_css.asp
0 التعليقات : :
إرسال تعليق