السلام عليكم و رحمة الله . . .!
اليوم
بالجديد اتحفكم و بالرائع ابهركم باخر اعمالي بتحويل اكواد في بي الى احلى
منتدى و الغرض ليس الشهرة انما كيي اساهم بتطوير احلى منتدى
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة] مثال للكود
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]مثال للكود مباشر
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط] ---------------------------------------------------------------
الكود عبارة عن جزأين . . . !
الجزء الاول يوضع باي مكان تريد ظهور الصفحات . . -> الكود لا يدعم صفحات الهوتميل
بحيث يوضع مكان التشكيلات العامة اسفل قالب الهيدر او الفتور -> لمستخدي التومبيلات
--------------------------------------------------------------
الجزء الاول :
| الرمز: |
./*------------------------------ كود للإعلانات ------------------------------*/
<!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><br /><br /><br />
</body>
</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
سواء من استخراج الاكواد او تركبيها
اتمنىى منكم الدعاء لي =)
إعْلـآناتك بـ jquery جديدي 
الرئيسية 
السبت نوفمبر 17, 2018 12:47 pm
كيف تعرفت على علينا 
موضوع: إعْلـآناتك بـ jquery جديدي 
