اعلاناتك بـ jquery جديدي

السبت 26 يناير 2013, 12:17 pm

السلام عليكم و رحمة الله . . .!
اليوم بالجديد اتحفكم و بالرائع ابهركم
باخر اعمالي بتحويل اكواد في بي الى احلى منتدى و الغرض ليس الشهرة انما
كيي اساهم بتطوير احلى منتدى اعلاناتك بـ jquery جديدي 235873

مثال للكود
اعلاناتك بـ jquery جديدي G-e7sas.com69615ff264

مثال للكود مباشر
http://www.b-msha3er.com/
---------------------------------------------------------------
الكود عبارة عن جزأين . . . !
الجزء الاول يوضع باي مكان تريد ظهور الصفحات . . -> الكود لا يدعم صفحات الهوتميل
بحيث يوضع مكان التشكيلات العامة اسفل قالب الهيدر او الفتور -> لمستخدي التومبيلات
--------------------------------------------------------------
الجزء الاول :

الرمز:

./*------------------------------ كود للإعلانات ------------------------------*/

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<html lang="en">
<head>
<title>jquery Ads</title>
<link rel="stylesheet" href="style.css" type="text/css" media="screen" />
<script type="text/javascript" src="http://clasic.hooxs.com/11195.js"></script>
<script type="text/javascript" src="http://clasic.hooxs.com/12273.js"></script>
<script type="text/javascript" src="http://clasic.hooxs.com/14331.js"></script>
</head>
<body><div id="slider" class="nivoSlider">
<a href="#"><img src="http://www.g-e7sas.com/up//uploads/images/g-e7sas.comfc87c9d134.png" /></a>
<a href="#"><img src="http://www.g-e7sas.com/up//uploads/images/g-e7sas.com19300c0da3.png" /></a>
<a href="#"><img src="http://www.g-e7sas.com/up//uploads/images/g-e7sas.com63ee2e2cb4.png" /></a>
<a href="#"><img src="http://www.g-e7sas.com/up//uploads/images/g-e7sas.com8de1297133.png" /></a>
</div>

</body>
</html>
./*------------------------------ كود للإعلانات ------------------------------*/

هذا الجزء يوضع في . . . ّ [ ** اعلاناتك بـ jquery جديدي Portail

الصفحة الرئيسية
تشكيلات عامةة
وضع إعلان في الصفحة الرئيسية
يجب التأكد بان علامة الهوتميل لونها اخضر
اعلاناتك بـ jquery جديدي Act-html

الكود الثاني

الرمز:

./*------------------------------ كود CSS للإعلانات ------------------------------*/

#slider{position:relative;width:700px;height:160px;margin:auto;background:url(http://www.g-e7sas.com/up//uploads/images/g-e7sas.com2c9c057459.gif) no-repeat 50% 50%;}
#slider img{position:absolute;top:0px;left:0px;display:none;}
#slider a{border:0;display:block;}
.nivo-controlNav{position:absolute;left:300px;bottom:-30px;}
.nivo-controlNav a{display:block;width:22px;height:22px;background:url(http://www.g-e7sas.com/up//uploads/images/g-e7sas.comb6436dab06.png) no-repeat;text-indent:-9999px;border:0;margin-right:3px;float:left;}
.nivo-controlNav a.active{background-position:0 -22px;}
.nivo-directionNav a{display:block;width:30px;height:30px;background:url(http://www.g-e7sas.com/up//uploads/images/g-e7sas.com60685adb60.png) no-repeat;text-indent:-9999px;border:0;}
a.nivo-nextNav{background-position:-30px 0;right:15px;}a.nivo-prevNav{left:15px;}
.nivo-caption{text-shadow:none;font-family:Helvetica, Arial, sans-serif;}
.nivo-caption a{color:#efe9d1;text-decoration:underline;}
.nivoSlider {position:relative;}
.nivoSlider img {position:absolute;top:0px;left:0px;}
/* If an image is wrapped in a link */
.nivoSlider
a.nivo-imageLink
{position:absolute;top:0px;left:0px;width:100%;height:100%;border:0;padding:0;margin:0;z-index:60;display:none;}
/* The slices in the Slider */
.nivo-slice {display:block;position:absolute;z-index:50;height:100%;}
/* Caption styles */
.nivo-caption

{position:absolute;left:0px;bottom:0px;background:#000;color:#fff;opacity:0.8;
/* Overridden by captionOpacity setting */width:100%;z-index:89;}
.nivo-caption p {padding:5px;margin:0;}
.nivo-caption a {display:inline !important;}
.nivo-html-caption {display:none;}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a { position:absolute;top:45%;z-index:99;cursor:pointer;}
.nivo-prevNav{left:0px;}
.nivo-nextNav{right:0px;}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav a {position:relative;z-index:99;cursor:pointer;}
.nivo-controlNav a.active {font-weight:bold;}
./*------------------------------ كود CSS للإعلانات ------------------------------*/

الجزء هذا يجب ان يوضع في اكواد CSS والا الكود لن يعمل تماما
. ------------------------------------------------------------------------------------------------------
خختاما . ..
اللهم صلي على محمد و على ال محمد ... !
احبتي الكود اخذ مني جهد كبير جدا خصوصا اكواد
jquery
سواء من استخراج الاكواد او تركبيها
اتمنىى منكم الدعاء لي =)