كود افضل ستايلات لهذا الشهر

قوائم العار بمصر	قسم الاخبار والقضايـا	اخبار المواقع العالميه	مدونه المنوعات الشيقه
الركن العــــام	بقلم على القماش	لجنه الاداء النقابى	قسم الصور
اقسام الدعم والتطوير	محرك بحث المنتدى	من نحنُ About Us	مصر

موضوع: كود افضل ستايلات لهذا الشهر 02.05.11 18:53

السلام عليكم

اقدم لكم كود افضل استايلات لهذا الشهر

الكود:: <head>
<style>

</style>
</head>

<div class="h3">
<center>أفضل التصاميم لهذا الشهر</center></div>
<center>
<style type="text/css">
.picshow { z-index:444; position:relative; background-color:#ffffff; width: 100%; height: 135px}
.picshow_main { position: relative; width: 180px; height: 135px}
.picshow_main
.imgbig { filter:
progid:dximagetransform.microsoft.wipe(gradientsize=1.0,wipestyle=4,
motion=forward); width: 180px; height: 135px}
.picshow_change {position: absolute; text-align: left; bottom: 0px; height: 30px; right: 0px; left: 100px;}
.picshow_change img {width:15px; height: 15px}
.picshow_change a { border: 1px solid; display: block; float: left; margin-right: 5px; -display: inline}
a.axx { border-color: #555}
a.axx:hover {border-color: #000}
a.axx img { filter: alpha(opacity=40); opacity: 0.4; -moz-opacity: 0.4}
a.axx:hover img {filter: alpha(opacity=100); opacity: 1.0; -moz-opacity: 1.0}
a.bxx { border-color: #000}
a.bxx:hover {border-color: #000}
img{
border:0px}
</style>
<script language="javascript">
var counts = 3;
img1 = new Image();
img1.src = 'صورة الاستايل الاول';
img2 = new Image();
img2.src = 'صورة الاستايل الثاني';
img3 = new Image();
img3.src = 'صورة الاستايل الثالث';

var smallImg = new Array();
smallImg[0] = 'http://i60.servimg.com/u/f60/12/10/25/45/index_10.gif';
smallImg[1] = 'http://i60.servimg.com/u/f60/12/10/25/45/index_11.gif';
smallImg[2] = 'http://i60.servimg.com/u/f60/12/10/25/45/index_12.gif';

url1 = 'رابط الاستايل الاول من الهيت سكين';
url2 = 'رابط الاستايل الثاني من الهيت سكين';
url3 = 'رابط الاستايل الثالث من الهيت سكين';

alt1 = new Image();
alt1.alt = 'اسم الاستايل الاول';
alt2 = new Image();
alt2.alt = 'اسم الاستايل الثاني';
alt3 = new Image();
alt3.alt = 'اسم الاستايل الثالث';
var nn = 1;
var key = 0;
function change_img() {
if (key == 0) {
key = 1;
} else if (document.all) {
document.getElementById("pic").filters[0].Apply();
document.getElementById("pic").filters[0].Play(duration = 2);
}
eval('document.getElementById("pic").src=img' + nn + '.src');
eval('document.getElementById("url_theme").href=url' + nn);
eval('document.getElementById("pic").alt=alt' + nn + '.alt');
if (nn == 1) {
document.getElementById("url_theme").target = "_blank";
document.getElementById("url_theme").style.cursor = "pointer";
} else {
document.getElementById("url_theme").target = "_blank"
document.getElementById("url_theme").style.cursor = "pointer"
}

for ( var i = 1; i <= counts; i++) {
document.getElementById("xxjdjj" + i).className = 'axx';
}
document.getElementById("xxjdjj" + nn).className = 'bxx';
nn++;
if (nn > counts) {
nn = 1;
}
tt = setTimeout('change_img()', 7000);
}
function changeimg(n) {
nn = n;
window.clearInterval(tt);
change_img();
}
function ImageShow() {
document.write('<div class="picshow_main">');
document.write('<div><a id="url_theme"><img id="pic" class="imgbig" /></a></div>');
document.write('<div class="picshow_change">');
for ( var i = 0; i < counts; i++) {
document.write('<a href="javascript:changeimg(' + (i + 1)
+ ');" id="xxjdjj' + (i + 1)
+ '" class="axx" target="_self"><img src="' + smallImg[i]
+ '"></a>');
}
document.write('</div></div>');
change_img();
}
</script>
<script language="javascript" type="text/javascript">
ImageShow();
</script>
<div class="picshow_main">
<div style="width: 180px; height: 135px">
</div>
</div>
</center>

بخصوص :

صورة الاستايل الاول
صورة الاستايل الثاني
صورة الاستايل الثالث

مثلا
http://ar.hitskin.com/search-skin/skin-134267.htm
فقط يتم عمل نسخ مكان الصورة
لصورة المعاينة
ووضعها في الكود
يوضع في

1- لوحة الإدارة - عناصر إضافية

2- البوابة و العناصر - إدارة العناصر المستقلة على الرئيسية

3- إذا كنت ترغب فى ظهور العناصر على الرئيسية تتبع الإتى
إضهار العناصر المستقلة على الصفحة الرئيسية للمنتدى أختار نعم
عرض العمود 1 (اليسار) أختار العرض ما بين 0 و 180 درجة
عرض العمود 3 (اليمين) أختار عرض العامود بين 0 و 180 درجة
الإرتفاع المتواجد بين عنصرين أى الفاصل بين كل عنصر و الأخر
الفضاء المتواجد بين عامودين أى الفاصل بين العامود و المنتدى نفسه

- ستظهر العناصر الشخصية كما ترون على الجانب الأيمن و الأيسر من المنتدى
و ممكن أختيار جانب واحد فقط ووضع كل العناصر عليه

5- يمكنك التنقل بين العناصر المستقلة الأصليه
التى مع منتداك أساسا و بين العناصر الشخصية الأخرى التى أنشأتها و إضافة
ما تريد منهم إلى الرئيسية كما ترغب
و
لسهولة الإختيار و يمكنك اختيار أماكن ظهورهم بكل سهوله فقط أسحب بالماوس
أو الفأرة العنصر الذى تريده فى المكان الذى تريده أو بالطريقة التقليدية
كما بالصورة رقم 7 و 8
و التنقل كما بالصورة

8 - يمكنك إضافة أو إزالة العناصر الشخصية التى أنشأتها من هنا و الجديد أيضا يمكنك التحكم فى صلاحيات من يرى تلك العناصر

6- يمكنك إضافة العناصر الأصليه الأساسية من هنا و الجديد يمكنك التحكم فى صلاحيات من يشاهد تلك العناصر

+
لوحة الادارة
عناصر اضافية
اعدادات صفحات البوابة
مكونات

ضع الكود وبعدها سوي كما بالشرح

» هذا الشهر‏:‏ بحث تغيير اسم منظمة المؤتمر الإسلامي
» [ تحديث ]مسابقه انشط عضو فى الشهر الكريم
» أمل ستصدر البومها الشهر القادم مع روتانا
» "المركزى للتعمير": تسليم مشروع "البيت النوبى" الشهر المقبل
» احوال الصحف والصحفيين : النحس يلازم مشكلة صحفيى الشعب والاعتصام اقترب من الشهر الرابع

كود افضل ستايلات لهذا الشهر

مواضيع مماثلة

مواضيع مماثلة