الرئيسيةأحدث الصورالتسجيلدخول

شاطر
 

 اصتع صفحات متعددة بصفحة واحدة

استعرض الموضوع التالي استعرض الموضوع السابق اذهب الى الأسفل 
رسالة
dourjan
عضو جديد


Mensajes : 11
Fecha de inscripción : 30/04/2014

اصتع صفحات متعددة بصفحة واحدة Empty
مُساهمةموضوع: اصتع صفحات متعددة بصفحة واحدة   اصتع صفحات متعددة بصفحة واحدة I_icon10الأربعاء أبريل 30, 2014 9:51 pm

اولا ده كود مميز جدا لعمل صفحات متعددة بصفحة واحدة
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]
الكود
يوضع فى اى مكان يقبل اكواد ال HTML
الكود:



<html lang="ar">
<head>
<meta charset="windows-1256">
<title>صفحات متعددة بصفحة واحده برمجة مايكل سوفت</title>
<link rel="stylesheet" href="//code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css">
<script src="//code.jquery.com/jquery-1.9.1.js"></script>
<script src="//code.jquery.com/ui/1.10.4/jquery-ui.js"></script>
<link rel="stylesheet" href="/resources/demos/style.css">
<script>
$(function() {
$( "#tabs" ).tabs();
});
</script>
</head>
<body>
<div id="tabs">
<ul>
<li><a href="#tabs-1">فتح الصفحة الاولى</a></li>
<li><a href="#tabs-2">فتح الصفحة  الثانية</a></li>
<li><a href="#tabs-3">فتح الصفحة  الثالثة</a></li>
<li><a href="#tabs-4">فتح الصفحة  الرابعة</a></li>
<li><a href="#tabs-5">فتح الصفحة  الخامسة</a></li>
<li><a href="#tabs-6">فتح الصفحة  السادسة</a></li>
</ul>
<div id="tabs-1">
<p>الصفحة الاولى</p>
</div>
<div id="tabs-2">
<p>الصفحة الثانية</p>
</div>
<div id="tabs-3">
<p>الصفحة الثالثة</p>
</div>
<div id="tabs-4">
<p>الصفحة الرابعة</p>
</div>
<div id="tabs-5">
<p>الصفحة الخامسة</p>
</div>
<div id="tabs-6">
<p>الصفحة السادسة</p>
</div>
</div>
</body>
</html>

فى حالة ظهور مشاكل فى اللغة غير
windows-1256
الى الترميز المطلوب والمناسب لصفحتك
الرجوع الى أعلى الصفحة اذهب الى الأسفل
 
اصتع صفحات متعددة بصفحة واحدة
استعرض الموضوع التالي استعرض الموضوع السابق الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1
 مواضيع مماثلة
-
» كود فتح 3 صفحات في صفحة مستقلة

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
منتدى همسة حق :: التقنيات العامة :: منتدى أكواد HTML-