مساعدة يا شباب

مساعدة يا شبابالجمعة 17 أبريل 2020 - 17:31

مرحبا يا اصدقاء

هذه المرة انا احتاج مساعدتكم

احتاج كود يظهر اخر المواضيع مع الصورة الي داخل الموضوع تلقائيا

يعني كهذا الشكل في الصورة
https://i.servimg.com/u/f48/15/95/54/24/1110.png

واحتاج هذا الكود الي يظهر قالب معاينة المواضيع بهذه الشكل
https://i.servimg.com/u/f48/15/95/54/24/22222210.png

رد: مساعدة يا شبابالسبت 18 أبريل 2020 - 0:55

شوف هل كود يفيدك ؟

تغير هل رابط http://www.condaianllkhir.com/

ويمكن التحكم بعدد المواضيع عن طريق التغيير فى القيمة
numposts = 10;

imgr = new Array();
imgr[0] = "http://3.bp.blogspot.com/-Q1rsi1mma6I/UZDiiNy6guI/AAAAAAAAAYE/W9qgYs331f8/s1600/noimage.png";
imgr[1] = "http://3.bp.blogspot.com/-Q1rsi1mma6I/UZDiiNy6guI/AAAAAAAAAYE/W9qgYs331f8/s1600/noimage.png";
imgr[2] = "http://3.bp.blogspot.com/-Q1rsi1mma6I/UZDiiNy6guI/AAAAAAAAAYE/W9qgYs331f8/s1600/noimage.png";
imgr[3] = "http://3.bp.blogspot.com/-Q1rsi1mma6I/UZDiiNy6guI/AAAAAAAAAYE/W9qgYs331f8/s1600/noimage.png";
imgr[4] = "http://3.bp.blogspot.com/-Q1rsi1mma6I/UZDiiNy6guI/AAAAAAAAAYE/W9qgYs331f8/s1600/noimage.png";
showRandomImg = true;
boxwidth = 255;
cellspacing = 6;
borderColor = "#232c35";
bgTD = "#000000";
thumbwidth = 70;
thumbheight = 70;
fntsize = 12;
acolor = "#666";
aBold = true;
icon = " ";
text = "comments";
showPostDate = true;
summaryPost = 40;
summaryFontsize = 10;
summaryColor = "#666";
icon2 = " ";
numposts = 10;

home_page = "http://www.condaianllkhir.com/";

limitspy=4
intervalspy=4000

رد: مساعدة يا شبابالسبت 18 أبريل 2020 - 0:57

لا حبيبي هذا تعديل على قالب
topics_list_box

او

topics_blog_box

رد: مساعدة يا شبابالأحد 19 أبريل 2020 - 21:30

هو محد يساعدني

رد: مساعدة يا شبابالإثنين 20 أبريل 2020 - 17:46

الكود:

<footer class="site-footer-wrapper"><div class="row"> </div><div class="upper-section"><div class="footer_warp"><div class="menu_footer_1"><ul><li><a href="https://www.pubarab.com/"> » الرئيسية </a></li><li><a href="https://www.pubarab.com/f5-montada" target="_blank"> » لطرح الاقتراحات </a></li><li><a href="https://www.pubarab.com/t131130-topic" target="_blank"> » قانون العام للمنتدى </a></li><li><a href="https://www.pubarab.com/t112623-topic" target="_self"> » قوانين الدردشة </a></li></ul></div><div class="menu_footer_2"><ul><li><a href="/register" target="_blank"> » التسجيل </a></li><li><a href="https://www.pubarab.com/montada-f86/" target="_blank"> » لطلبات الدخول للفريق </a></li><li><a href="https://www.pubarab.com/montada-f137/" target="_blank"> » لطلبات تغيير الاسماء </a></li><li><a href="https://www.pubarab.com/post?f=106&mode=newtopic" target="_blank"> » مراسلة ادارة المنتدى </a></li></ul></div><!--
<div class="menu_footer_3"><ul><li><a href="#">» رابط نصي</a></li> <li><a href="#">» رابط نصي</a></li> <li><a href="#">» رابط نصي</a></li> <li><a href="#">» رابط نصي</a></li>  </ul></div>--><div class="logo_footer"><div class="footer-social"><ul itemtype="http://schema.org/Organization" itemscope="" class="social-links"><link href="https://instagram.com/envato" itemprop="sameAs"><li><a rel="nofollow" itemprop="sameAs" href="https://www.facebook.com/"><img height="28px" width="28px" src="//public-assets.envato-static.com/assets/header-footer/social/facebook-874a79814979fb7a5d8a61f391e429b7.svg" alt="Facebook"></a></li><li><a rel="nofollow" itemprop="sameAs" href="https://twitter.com/"><img height="28px" width="28px" src="//public-assets.envato-static.com/assets/header-footer/social/twitter-aa07ff4bd2114f6eaaabecb8441d503c.svg" alt="Twitter"></a></li><li><a rel="nofollow" itemprop="sameAs" href="https://www.youtube.com/"><img height="28px" width="28px" src="//public-assets.envato-static.com/assets/header-footer/social/youtube-b002aa7846eb048fdb4777c738b6476b.svg" alt="Youtube"></a></li></ul>          </div></div>   </div></div></footer>

رد: مساعدة يا شبابالإثنين 20 أبريل 2020 - 17:56

تفضل الصناديق اللي بالمعرض

اكواد الـ css

الكود:

 .switch_ticker, .ticker_row, .text_annonce { display: none; }
  .mag_page { background: #333; color: #FFF; }
  .row_mag, .intro .row { align-items: start; }
  .row_mag > div { margin: 30px 0; }
  .row_mag .intro { background: #222!important; padding: 15px 5px; border: 1px solid #555; background-color: transparent; }
  .mag-section { perspective: 1000px; position: relative; overflow: hidden; }
  .mag-section * { width: 100% !important; margin: 0; }
  .mag-img { background: #111; display: flex; justify-content: center; align-items: center; }
  .aligncenter { height: 270px; margin: 0 !important; filter: blur(1px);  }
  .mag-section:hover .aligncenter {transform: scale(1.3) rotate(5deg); transition: transform 2s, filter 1s; filter: blur(0px); }
  .flip-card { background-color: transparent; width: 100%; height: 120px; perspective: 1000px; }
  .flip-card-inner { position: relative; width: 100%; height: 100%; text-align: center; transition: transform 0.6s; transform-style: preserve-3d; }
  .flip-card-inner > * { display: flex; flex-flow: row wrap; justify-content: center; align-items: center; }
  .mag-section:hover .flip-card-inner { transform: rotateY(180deg); }
  .flip-card-front, .flip-card-back { position: absolute; width: 100%; height: 100%; backface-visibility: hidden; }
  p.flip-card-front img { display: none; }
  .flip-card-front * { font-size: 12px !important; color: #FFF !important; }
  .flip-card-front, .flip-card-back {background-color: #333; color: #FFF; }
  .flip-card-back { transform: rotateY(180deg);}
  .section_buttons { text-align: center; }
  .intro.section0 a.btn { width: 100%; }
  .go_forums { position: fixed; left: 30px; bottom: 30px; border: 2px solid #FFF; border-radius: 50px; box-shadow: 0 0 50px #FF0; z-index: 3; }
  .mag-section h3 { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.btn, .small-btn { display: inline-block; vertical-align: middle; cursor: pointer; background-color: #7d8289; border-style: none; outline: none; color: #fff; padding: 8.7px 20px; margin: 2.5px; }
.button:hover,.small-btn:hover, .topic-admin a:hover, .btn-secondary:hover ,.btn:hover { background-color: #242a32; }
.btn-primary{ background-color: var(--primary); }

كود الـ html

الكود:

<div class="mag-section">
                  <div class="mag-img"><a href="https://www.ibda3araby.com/t124556-topic"><img src="https://2img.net/h/oi68.tinypic.com/292abrk.jpg" class="aligncenter" alt="تصميم موقع احلى مطور" onerror="imgError(this)"></a></div>
                    <div class="flip-card">
                     <div class="flip-card-inner">
                       <p class="flip-card-front">استايل تومبيلات انمي محول بمميزات رائعه 2016





السلام عليكم ورحمة الله وبركاته



اقدم لكم استايل انمي 2016 المحول



من منتديات الفي بي مجاني للجم...</p>
                       <div class="flip-card-back">
                        <p>اسم الكاتب: <b class="topicCreator"><dc:creator>Anonymous</dc:creator></b></p> 
                        <p>اخر مساهمة بتاريخ: <b class="pubDate">2020/4/17</b></p>  
                         
                       </div>
                     </div>
                    </div>
                   <h3><a href="https://www.ibda3araby.com/t124556-topic" class="btn btn-primary">استايل تومبيلات انمي محول بمميزات رائعه 2016</a></h3>
                 </div>

رد: مساعدة يا شبابالإثنين 20 أبريل 2020 - 18:04

الكود لثلاث صناديق جمب بعض

الكود:

<div class="row magTopics">
               <div class="intro_content col-lg-4 col-md-6">
                 <div class="mag-section">
                  <div class="mag-img"><a href="https://www.ibda3araby.com/t124556-topic"><img src="https://2img.net/h/oi68.tinypic.com/292abrk.jpg" class="aligncenter" alt="تصميم موقع احلى مطور" onerror="imgError(this)"></a></div>
                    <div class="flip-card">
                     <div class="flip-card-inner">
                       <p class="flip-card-front">استايل تومبيلات انمي محول بمميزات رائعه 2016





السلام عليكم ورحمة الله وبركاته



اقدم لكم استايل انمي 2016 المحول



من منتديات الفي بي مجاني للجم...</p>
                       <div class="flip-card-back">
                        <p>اسم الكاتب: <b class="topicCreator"><dc:creator>Anonymous</dc:creator></b></p> 
                        <p>اخر مساهمة بتاريخ: <b class="pubDate">2020/4/17</b></p>  
                         
                       </div>
                     </div>
                    </div>
                   <h3><a href="https://www.ibda3araby.com/t124556-topic" class="btn btn-primary">استايل تومبيلات انمي محول بمميزات رائعه 2016</a></h3>
                 </div>
               </div>
               <div class="intro_content col-lg-4 col-md-6">
                 <div class="mag-section">
                  <div class="mag-img"><a href="https://www.ibda3araby.com/t125081-topic"><img src="https://i.servimg.com/u/f68/16/46/77/76/uo_ouo14.jpg" class="aligncenter" alt="تصميم موقع احلى مطور" onerror="imgError(this)"></a></div>
                    <div class="flip-card">
                     <div class="flip-card-inner">
                       <p class="flip-card-front">تومبيلات استايل متعدد الالوان محول





السلام عليكم ورحمة الله



اقدم لكم استايل متعدد الالوان بثلاث الوان الازرق - الاحمر - الرمادي



استايل بمممي...</p>
                       <div class="flip-card-back">
                        <p>اسم الكاتب: <b class="topicCreator"><dc:creator>Anonymous</dc:creator></b></p> 
                        <p>اخر مساهمة بتاريخ: <b class="pubDate">2020/4/17</b></p>  
                         
                       </div>
                     </div>
                    </div>
                   <h3><a href="https://www.ibda3araby.com/t125081-topic" class="btn btn-primary">تومبيلات استايل متعدد الالوان محول</a></h3>
                 </div>
               </div>
               <div class="intro_content col-lg-4 col-md-6">
                 <div class="mag-section">
                  <div class="mag-img"><a href="https://www.ibda3araby.com/t124774-topic"><img src="https://i.servimg.com/u/f21/16/46/77/76/uo_ouo56.jpg" class="aligncenter" alt="تصميم موقع احلى مطور" onerror="imgError(this)"></a></div>
                    <div class="flip-card">
                     <div class="flip-card-inner">
                       <p class="flip-card-front">تومبيلات ستايل ترايدنت 2015 مجانا
 

 
السلام عليكم ورحمة الله وبركاته
 

 
اقدم لكم استايل جميل
 

 
صورة للاستايل
</p>
                       <div class="flip-card-back">
                        <p>اسم الكاتب: <b class="topicCreator"><dc:creator>Anonymous</dc:creator></b></p> 
                        <p>اخر مساهمة بتاريخ: <b class="pubDate">2020/4/16</b></p>  
                         
                       </div>
                     </div>
                    </div>
                   <h3><a href="https://www.ibda3araby.com/t124774-topic" class="btn btn-primary">تومبيلات ستايل ترايدنت 2015 مجانا </a></h3>
                 </div>
               </div>
            </div>

رد: مساعدة يا شبابالإثنين 20 أبريل 2020 - 18:24

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

رد: مساعدة يا شبابالإثنين 20 أبريل 2020 - 18:25

أاه بدك لعرض المواضيع فكرت بدك تعمل مجلة

طيب بدك تصبر علي ليتصلح اللاب توب

لاني الان ادي مربوطين وشغال ع الجوال بصعوبه

رد: مساعدة يا شبابالإثنين 20 أبريل 2020 - 19:17

Mc nabulsy كتب:

أاه بدك لعرض المواضيع فكرت بدك تعمل مجلة
طيب بدك تصبر علي ليتصلح اللاب توب
لاني الان ادي مربوطين وشغال ع الجوال بصعوبه

تمام يلحبيب انتظرك dddddddd

رد: مساعدة يا شبابالسبت 25 أبريل 2020 - 20:10

السلام عليكم
اخواني الكرام ابتدائا من اللحظه اي عضو بالفريق باي رتبه يحتاج تصميم معين يطلب باقسام طلبات الاعضاء فلا حرج بالامر الا اذا كان تصميم يخص منتدى الاشهار تقوم الاداره بطلب التصميم بالقسم الذي تراه مناسب
يلغي العمل بان طلبات الاعضاء تكون بالقسم المشترك سواء كانت تصاميم او اكواد او اي شي

يغلق

رد: مساعدة يا شبابالثلاثاء 28 أبريل 2020 - 6:36

ارشيف

مساعدة يا شباب

descriptionمساعدة يا شبابالجمعة 17 أبريل 2020 - 17:31

descriptionرد: مساعدة يا شبابالسبت 18 أبريل 2020 - 0:55

descriptionرد: مساعدة يا شبابالسبت 18 أبريل 2020 - 0:57

descriptionرد: مساعدة يا شبابالأحد 19 أبريل 2020 - 21:30

descriptionرد: مساعدة يا شبابالإثنين 20 أبريل 2020 - 17:46

descriptionرد: مساعدة يا شبابالإثنين 20 أبريل 2020 - 17:56

descriptionرد: مساعدة يا شبابالإثنين 20 أبريل 2020 - 18:04

descriptionرد: مساعدة يا شبابالإثنين 20 أبريل 2020 - 18:24

descriptionرد: مساعدة يا شبابالإثنين 20 أبريل 2020 - 18:25

descriptionرد: مساعدة يا شبابالإثنين 20 أبريل 2020 - 19:17

descriptionرد: مساعدة يا شبابالسبت 25 أبريل 2020 - 20:10

descriptionرد: مساعدة يا شبابالثلاثاء 28 أبريل 2020 - 6:36