kaghoumi
عدد المساهمات : 51 معدل النشاط : 4030 السُمعة : 1
| موضوع: طلب كود سلايد شو الخميس 24 سبتمبر 2015 - 19:19 | |
| السلام عليكم انا عايزه تعديل على كود السلايد شو دا بحيث تكتبو مثلا (صنا رابط الصوره) و (هنا رابط الموضوع ) بحيث اقدر اعدل عليه بسهوله - الكود:
-
<script src="http://foryamany1.googlecode.com/svn/trunk/4egy/bdayh.js" type="text/javascript"></script> <script src="http://foryamany1.googlecode.com/svn/trunk/4egy/custom.js" type="text/javascript"></script> <script src="http://foryamany1.googlecode.com/svn/trunk/4egy/easing.js" type="text/javascript"></script><style>.slideset { width: 960px; height: 167px; margin: auto; overflow: hidden; margin-bottom: 20px; position: relative;}.slideset .next { position: absolute; right: 0px; top: 72px; background: url(http://www.imzaj.com/wp-content/themes/iMzaj/iMzaj/images/next_prev.png) no-repeat -6px -5px; width: 18px; height: 21px; overflow: hidden; text-indent: -555px;}.slideset .prev { position: absolute; left: 0px; top: 72px; background: url(http://www.imzaj.com/wp-content/themes/iMzaj/iMzaj/images/next_prev.png) no-repeat -6px -35px; width: 18px; height: 21px; overflow: hidden; text-indent: -555px;}.slideset .slidesetCont { width: 905px; margin: auto; position: relative; background: #000;}.slidesetCont ul { float: right; width: 100%;}.slidesetCont ul > li { float: left; }.slidesetCont ul > li a { display: block; width: 200px; height: 145px; padding: 6px; overflow: hidden; background: #FFF; border: 1px #d2d2d2 solid; margin: 0 7px;}.slidesetCont ul > li a img { background: #EEE; width: 200px !important; height: 145px !important; display: block;}ul, li, ol { list-style: none; outline: 0px;}</style> <script src="http://www.imzaj.com/wp-content/themes/iMzaj/iMzaj/js/ads.js" type="text/javascript"></script><div class="slideset"> <a class="next" href="#">التالي</a> <a class="prev" href="#">السابق</a> <div class="slidesetCont"> <ul class="set1"> <li> <a href="#"> <img width="145" height="145" src="http://www.imzaj.com/wp-content/uploads/2012/12/349757-150x150.jpeg" class="attachment-200x145 wp-post-image" alt="4egy.net" /> </a> <!--image--> </li> <li> <a href="#"> <img width="145" height="145" src="http://www.imzaj.com/wp-content/uploads/2012/12/microsoft-surface-tablets-the-differences-between-rt-and-window-150x150.jpg" class="attachment-200x145 wp-post-image" alt="4egy.net" /> </a> <!--image--> </li> <li> <a href="#"> <img width="145" height="145" src="http://www.imzaj.com/wp-content/uploads/2012/12/nexus7-150x150.jpeg" class="attachment-200x145 wp-post-image" alt="4egy.net" /> </a> <!--image--> </li> <li> <a href="#"> <img width="145" height="145" src="http://www.imzaj.com/wp-content/uploads/2012/12/C710-2605-Chromebook-150x150.jpg" class="attachment-200x145 wp-post-image" alt="4egy.net" /> </a> <!--image--> </li> <li> <a href="#"> <img width="145" height="145" src="http://www.imzaj.com/wp-content/uploads/2012/12/Screen-Shot-2012-12-12-at-4.53.39-PM-150x150.png" class="attachment-200x145 wp-post-image" alt="4egy.net" /> </a> <!--image--> </li> </ul> </div></div><!--//slideset--><! --- code prog by www.4egy.net ---> كمان لو ممكن استخراج كود السلايد شو اللى هنا مع تحديد مكان وضعه http://majkoanime.allgoo.net/انا عايزه الاكواد اللى طلبتها فقط مش اللى هنا فى الدعم | |
|
الألحان المرحة
عدد المساهمات : 1887 معدل النشاط : 8716 السُمعة : 23
| موضوع: رد: طلب كود سلايد شو الخميس 24 سبتمبر 2015 - 19:42 | |
| ب-ب الكود يلي في ذاك المنتدى نفس الكود الذي أملكه o.O فأنا و صديقتي من عملنا على استخراجه من الفي بي الأصلي لكن سوف أعطيكِ إياه ...سوف اذهب لأحل مشكلته التي عندي و سوف آتي به إن شاء الله
عدل سابقا من قبل الألحان المرحة في الخميس 24 سبتمبر 2015 - 22:46 عدل 1 مرات | |
|
الألحان المرحة
عدد المساهمات : 1887 معدل النشاط : 8716 السُمعة : 23
| موضوع: رد: طلب كود سلايد شو الخميس 24 سبتمبر 2015 - 20:11 | |
| صديقتي طلعت معطيتها اياه للبنت إليكِ قمت بالتعديل عليه @.@ المعاينة كهذا http://www.alhan-mareha.com/h48-page - الكود:
-
<link rel="stylesheet" type="text/css" href="https://dl.dropboxusercontent.com/u/64727436/H/jq/sh1/css/css.css" media="all"> <link rel="stylesheet" type="text/css" href="https://dl.dropboxusercontent.com/u/64727436/H/jq/sh1/css/1.css" media="all"> <script src="https://dl.dropboxusercontent.com/u/64727436/H/jq/sh1/js/jquery.min.js"></script> <script src="https://dl.dropboxusercontent.com/u/64727436/H/jq/sh1/js/jquery.easing.js"></script> <script src="https://dl.dropboxusercontent.com/u/64727436/H/jq/sh1/js/jquery.carouFredSel-5.5.0.js"></script> <script src="https://dl.dropboxusercontent.com/u/64727436/H/jq/sh1/js/jquery.tipsy.js"></script> <script src="https://dl.dropboxusercontent.com/u/64727436/H/jq/sh1/js/styleswitch.js"></script> <script src="https://dl.dropboxusercontent.com/u/64727436/H/jq/sh1/js/jquery.js"></script> <script type="text/javascript"> $(document).ready(function() { $('#foo1').carouFredSel({ auto: {pauseDuration: 5000, delay: 375}, prev: '#foo1_prev', next: '#foo1_next', pagination: "#foo1_pag",
}); $('#foo2').carouFredSel({ auto: {pauseDuration: 5000, delay: 375}, prev: '#foo2_prev', next: '#foo2_next', pagination: "#foo2_pag",
});
}); </script>
<div style="width: 903px;margin: 0px auto;height: 195px;overflow: hidden;"><div class="image_carousel"> <div id="foo1">
<!-- المجموعة الأولى -->
<a href="رابط الموضوع"> <img src="http://cdn.top4top.co/i_d7f02014461.png" alt=" اسم الموضوع " width="200" height="150"></a> <a href="رابط الموضوع"> <img src="http://cdn.top4top.co/i_d7f02014461.png" alt="اسم الموضوع" width="200" height="150"></a> <a href=" رابط الموضوع"> <img src="http://cdn.top4top.co/i_d7f02014461.png" alt=" Classroom Crisis 2+3" width="200" height="150"></a> <a href="رابط الموضوع"> <img src="http://cdn.top4top.co/i_d7f02014461.png" alt="اسم الموضوع" width="200" height="150"></a> <a href="رابط الموضوع"> <img src="http://cdn.top4top.co/i_d7f02014461.png" alt=" اسم الموضوع" width="200" height="150"></a> <a href="رابط الموضوع"> <img src="http://cdn.top4top.co/i_d7f02014461.png" alt=" اسم الموضوع " width="200" height="150"></a>
<a href="رابط الموضوع"> <img src="http://cdn.top4top.co/i_d7f02014461.png" alt=" اسم الموضوع " width="200" height="150"></a>
<a href="رابط الموضوع"> <img src="http://cdn.top4top.co/i_d7f02014461.png" alt=" اسم الموضوع" width="200" height="150"></a> <a href="رابط الموضوع"> <img src="http://cdn.top4top.co/i_d7f02014461.png" alt=" اسم الموضوع " width="200" height="150"></a> <a href="رابط الموضوع"> <img src="http://cdn.top4top.co/i_d7f02014461.png" alt=" اسم الموضوع" width="200" height="150"></a> <a href="رابط الموضوع"> <img src="http://cdn.top4top.co/i_d7f02014461.png" alt="اسم الموضوع" width="200" height="150"></a> <a href="رابط الموضوع"> <img src="http://cdn.top4top.co/i_d7f02014461.png" alt=" اسم الموضوع" width="200" height="150"></a> <a href="رابط الموضوع"> <img src="http://cdn.top4top.co/i_d7f02014461.png" alt="اسم الموضوع " width="200" height="150"></a>
<a href="رابط الموضوع"> <img src="http://cdn.top4top.co/i_d7f02014461.png" alt=" اسم الموضوع" width="200" height="150"></a>
<a href="رابط الموضوع"> <img src="http://cdn.top4top.co/i_d7f02014461.png" alt="اسم الموضوع" width="200" height="150"></a> <a href="رابط الموضوع"> <img src="http://cdn.top4top.co/i_d7f02014461.png" alt="اسم الموضوع" width="200" height="150"></a>
<!-- نهاية المجموعة الأولى --> </div> <div class="clearfix"></div> <a class="prev" id="foo1_prev" href="#"><span>prev</span></a> <a class="next" id="foo1_next" href="#"><span>next</span></a> <div class="pagination" id="foo1_pag"></div> </div></div><div class="br-cl"></div> طريقة تركيبه ركبيه في صفحة HTML في عناصر اضافية - صفحات الـ html بعد وضعها بتاخدي رابط الصفحة زي مانا وريتك فوق "الرابط يلي من منتداي هو رابط صفحة html " بعدها بتحطيه في هذا - الكود:
-
<iframe src=هنا الرابط name=I1 width=860 height=334 scrolling=no border=0 frameborder=0 marginwidth=2 marginheight=2 align=center></iframe> ثم ركبيه في وصف المنتدى و اكتبي سجل | |
|