home الرئيسيةpeople_outline الأعضاء vpn_key دخول


chatالمواضيع الأخيرة
تصميم بنر access_timeأمس في 6:21 pmpersonرؤوف
طلب بتصميم غلافaccess_timeالجمعة يناير 18, 2019 5:15 pmpersonمودي الشرقاوي
1طلب بتغيير لون access_timeالجمعة يناير 18, 2019 3:18 pmpersonAhmed Alshiqaqi
طلب بتصميم شبيه باحترافيهaccess_timeالجمعة يناير 18, 2019 3:11 pmpersonAhmed Alshiqaqi
طلب تصميم شعارaccess_timeالجمعة يناير 18, 2019 11:26 ampersonAhmed Alshiqaqi
طلب تصميم أيقونات لرتب الأعضاء3access_timeالخميس يناير 17, 2019 10:39 pmpersonعمر عدوي1994
طلب تصميم أيقونات لرتب الأعضاء2access_timeالخميس يناير 17, 2019 10:38 pmpersonعمر عدوي1994
طلب تصميم أيقونات لرتب الأعضاءaccess_timeالخميس يناير 17, 2019 10:35 pmpersonعمر عدوي1994
العبرة في القولaccess_timeالخميس يناير 17, 2019 6:27 pmpersonKamila Saher

طريقة عرض الأقسام

لونك المفضل



قالب حقوق اسفل المنتدى

السلام عليكم


في اول محاولة لي 
قالب حقوق متعدد اسفل المنتدى


مثال على القالب

https://i.servimg.com/u/f68/15/34/86/24/1611.gif




الكود

الكود:

<div style="text-align: center;">
  <br />
</div>
         <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>Untitled 1</title><style type="text/css">.tabs {position: relative;margin: 20px auto;width: 77%;border-radius: 0 0 8px 8px;box-shadow: #0066ff 0px 10px 0px;}.tabs input {position: absolute;z-index: 1000;width: 120px;height: 40px;right: 0px;top: 0px;opacity: 0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity=0);cursor: pointer;}.tabs input#tab-2{right: 120px;}.tabs input#tab-3{right: 240px;}.tabs input#tab-4{right: 360px;}.tabs label {background: #0066ff;background: -moz-linear-gradient(top, #0066ff 0%, #0EA2CB 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0066ff), color-stop(100%,#0EA2CB));background: -webkit-linear-gradient(top, #0066ff 0%,#0066ff 100%);background: -o-linear-gradient(top, #0066ff 0%,#0EA2CB 100%);background: -ms-linear-gradient(top, #0066ff 0%,#0EA2CB 100%);background: linear-gradient(top, #0066ff 0%,#0EA2CB 100%);font-size: 15px;font-family: 'Exo 2', 'Droid Arabic Kufi';line-height: 40px;height: 40px;position: relative;padding: 0 20px;float: right;display: block;width: 80px;color: #F1F9FC;letter-spacing: 1px;text-transform: uppercase;font-weight: bold;text-align: center;text-shadow: 1px 1px 1px rgba(255,255,255,0.3);border-radius: 3px 3px 0 0;box-shadow: 2px 0 2px rgba(0,0,0,0.1), -2px 0 2px rgba(0,0,0,0.1);}.tabs label:after {content: '';background: #F1F9FC;position: absolute;bottom: -2px;right: 0;width: 100%;height: 2px;display: block;color:#000;}.tabs input:hover + label {background: #0EA2CB;}.tabs label:first-of-type {z-index: 4;box-shadow: 2px 0 2px rgba(0,0,0,0.1);}.tab-label-2 {z-index: 3;}.tab-label-3 {z-index: 2;}.tab-label-4 {z-index: 1;}.tabs input:checked + label {background: #F1F9FC;z-index: 6;color: #2F60AD;}.tabs input:checked + label {background: #F1F9FC;z-index: 6;color: #2F60AD;}.clear-shadow {clear: both;}.content01 {background: #F1F9FC;position: relative;width: 100%;height: 300px;z-index: 5;box-shadow: 0 -2px 3px -2px rgba(9,74,63,1.0), 0 2px 2px rgba(9,74,63,1);border-radius: 0 3px 3px 3px;}.content01 div {position: absolute;top: 0;right: 0;padding: 10px 40px;z-index: 1;opacity: 0;-webkit-transition: opacity linear 0.1s;-moz-transition: opacity linear 0.1s;-o-transition: opacity linear 0.1s;-ms-transition: opacity linear 0.1s;transition: opacity linear 0.1s;}.tabs input.tab-selector-1:checked ~ .content01 .content-1,.tabs input.tab-selector-2:checked ~ .content01 .content-2,.tabs input.tab-selector-3:checked ~ .content01 .content-3,.tabs input.tab-selector-4:checked ~ .content01 .content-4 {z-index: 100;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: alpha(opacity=100);opacity: 1;-webkit-transition: opacity ease-out 0.2s 0.1s;-moz-transition: opacity ease-out 0.2s 0.1s;-o-transition: opacity ease-out 0.2s 0.1s;-ms-transition: opacity ease-out 0.2s 0.1s;transition: opacity ease-out 0.2s 0.1s;}.content01 div h2,.content01 div h3{color: #0066ff;font-family: 'Exo 2', 'Droid Arabic Kufi';}.content01 div p {font-size: 14px;line-height: 22px;font-style: italic;text-align: right;margin: 0;color: #777;padding-right: 15px;font-family: 'Exo 2', 'Droid Arabic Kufi';border-right: 8px solid rgba(110,243,220, 1.);}/* tooltip auto all link */a.tooltip {position: relative;}a.tooltip::before {content: attr(data-tooltip);font-size: 12px;position: absolute;z-index: 999;white-space: nowrap;bottom: 9999px;left: 0;background: rgba(0, 0, 0, 0.7);border-radius: 5px;-webkit-border-radius: 5px;-mos-border-radius: 5px;color: #e0e0e0;padding: 0px 7px;line-height: 24px;height: 24px;opacity: 0;}a.tooltip:hover::before {opacity: 1;top: 22px;}a.tooltip:hover::after {content: "";opacity: 1;width: 0;height: 0;border-left: 5px solid transparent;border-right: 5px solid transparent;border-bottom: 5px solid black;z-index: 999;position: absolute;white-space: nowrap;top: 17px;left: 50%;}</style>
<div class="tabs">
    <input type="radio" checked="checked" class="tab-selector-1" name="radio-set" id="tab-1" /><label class="tab-label-1" for="tab-1">من نحن</label><input type="radio" class="tab-selector-2" name="radio-set" id="tab-2" /><label class="tab-label-2" for="tab-2">خدماتنا</label><input style="left: 333px" type="radio" class="tab-selector-3" name="radio-set" id="tab-3" /><label class="tab-label-3" for="tab-3">أصدقاء</label><input type="radio" class="tab-selector-4" name="radio-set" id="tab-4" /><label class="tab-label-4" for="tab-4">الحقوق</label>    
 <div class="clear-shadow">
      
 </div>
      
 <div class="content01">
      
 <div class="content-1">
      
 <h2>
    من نحن    
 </h2>
      
 <p>
   (اسم منتداك)  
 </p>
  
 <p>
  لسنا متخصصين بشئ فكل شئ من إختصاصنا ...<a href="#">اقرأ المزيد</a>.    
 </p>
      
 <h3>
    أهدافنا    
 </h3>
      
 <p>
     خلقنا لنرسم طريقا من الإبداع لنسلكه ويسلكه الاخرون من بعدنا.    
 </p>
      
 </div>
      
 <div class="content-2">
      
 <h2>
    خدماتنا    
 </h2>
      
 <p>
    نمد يد العون لجميع اصحاب المواقع ، ونجيب عن جميع استفساراتهم قدر الامكان <br />كما نتطلع دائما لطرح الجديد والمفيد لهم<br /> جميع خدماتنا مجانية عدا الاعمال الحصرية التي تم الصرف عليها    
 </p>
      
 <h3>
    الدعم الفني    
 </h3>
      
 <p>
    خصصنا هذة الخدمة لاصحاب المواقع الجديدة ، وكذلك لمن تنقصه الخبره في تولي ادارة المواقع    
 </p>
      
 </div>
      
 <div class="content-3">
      
 <h2>
    مواقع صديقة    
 </h2>
      
 <p>
  اسم موقع  
 </p>
  
 <p>
  اسم موقع  
 </p>
  
 <p>
  اسم موقع  
 </p>
  
 <h3>
  لماذا هذه المواقع ؟    
 </h3>
      
 <p>
    هذا المساحة خصصت لإعضاء (اسم منتداك) الذين يملكون مواقع مفيدة ، وحيث ترى إدارة (اسم منتداك) ان هذه المواقع لها العديد من المواضيع المفيدة و القيمة التي تستحق الاشاده بها    
 </p>
      
 </div>
      
 <div class="content-4">
      
 <h2>
    الحقوق    
 </h2>
      
 <p>
    <br /><strong>المشاركات والمواضيع تعبر عن رأي كاتبها وليس بالضرورة رأي </strong> (اسم منتداك)<strong> <br /> وجميع الحقوق محفوظة لاصحابها</strong>  
 </p>
  
 <p>
  <span style="color: rgb(0, 102, 255); font-size: 13px;">تاريخ انشاء الموقع</span><strong><br /></strong>  
 </p>
      
 <p>
    25 - 12 - 2013    
 </p>
  
 <p>
  <br />  
 </p>
  
 <p>
  Mc Nabulsy  
 </p>
      
 </div>
      
 </div>
      
</div>
    
<div style="padding: 6px 0px 0px;">
 <br />
</div>




يمكنك وضع القالب من خلال
لوحة الادارة - مظهر المنتدى - الادارة العامة للتومبيلات و قم بالتعديل على (overall_footer_begin) وضع الكود في البداية




ان شاء الله يكون عجبكم
ويكون القسم المناسب للموضوع


والسلام ختام


عدل سابقا من قبل Mc Nabulsy في الإثنين نوفمبر 30, 2015 8:29 pm عدل 3 مرات (السبب : نسيت وضع رابط اسفل الصورة)



رد: قالب حقوق اسفل المنتدى

ماشاء الله تبارك الله
شو هالابداع مااعرف تعرف للاكواد
كود احترافي وجميل ومطلوب
يعطيك العافية ينقل تم تقيمك
يابطل دمت بخير

رد: قالب حقوق اسفل المنتدى

JAR7 كتب:
ماشاء الله تبارك الله
شو هالابداع مااعرف تعرف للاكواد
كود احترافي وجميل ومطلوب
يعطيك العافية ينقل تم تقيمك
يابطل دمت بخير


وانا اتفاجئت مني الصراحه xD
الله يعافيكي
شككرا الك ^.^ 



رد: قالب حقوق اسفل المنتدى

السلام عليكم ورحمة الله وبركاته
ألف شكر لكَ على هذا الموضوع المميز و المعلومات القيمة
إنـجاز أكثر رائــــــع
لكن أرجو منكَ عدم التوقف عند هذا الحد
مـنتظرين ابداعتــــــك
دمتـ ودام تألقـك

تحياتــي

رد: قالب حقوق اسفل المنتدى

طرح مميز
شكرا لك
ابدعت
بانتظار جديدك ان شاء الله
وردة حمراء وردة حمراء وردة حمراء وردة حمراء

رد: قالب حقوق اسفل المنتدى

الوان فخمة وهيدر رائع
الله يعطيك العافية على المجهود
دائما مبدع ي Mc Nabulsy
أتمنى أن تكونِ بأفضل حال وصحة وخير
ما شاء الله كما عهدنا منكِ دوماً وما سنبقى نراه أيضا
مواضيعك الرائعة المنتشرة في جميع أرجاء المنتدى
فأنتِ شمعة مضيئة لا ينقطع عطائها ما شاء الله
تصميمك جدا جميل راق لي كثيرا
تم تحميله ، و سيتم الإحتفاظ به
تحية مع الشكر 



رد: قالب حقوق اسفل المنتدى

يعطيگ آلعآفيه على آلطرح آلقيم وآلرآئع

چزآگ آلله گل خير وچعله فى ميزآن حسنآتگ يوم آلقيامه

تسلم آلآيآدى وپآرگ آلله فيگ

دمت پحفظ آلرحمن

رد: قالب حقوق اسفل المنتدى

رائع

رد: قالب حقوق اسفل المنتدى

شكرا لك

رد: قالب حقوق اسفل المنتدى

طرح مميز
شكرا لك
بانتظار جديدك


رد: قالب حقوق اسفل المنتدى

طرح مميز شكرا 


رد: قالب حقوق اسفل المنتدى

السلام عليكم
كيف حالك
شوهالابداع
كتير روووعهه
ننتظر ابداعك وتالقك
شكرا لك
تقبل مروري/


اتمنى ان اكون سبب سعادة لمن حولي
وأن لااكون وجعا لاحد
...ربماآ انا لااستطيع إسعآد أحد ..ولكن اقسم انني لا احب ايذاء احد

رد: قالب حقوق اسفل المنتدى

موضوع جمييل ابدعت واكتر


رد: قالب حقوق اسفل المنتدى

مشكورين



رد: قالب حقوق اسفل المنتدى

رائع جدا ابدعت ..دمت بخير


رد: قالب حقوق اسفل المنتدى

ابداع ماشاء الله

رد: قالب حقوق اسفل المنتدى

هيدر جميل تابع الابداع
وشكرا على الطرح
تقب لمرورى


رد: قالب حقوق اسفل المنتدى

مشكوررر جدا

رد: قالب حقوق اسفل المنتدى

رائع حقا ان يمتلك كل منتدى هالقالب عوافي يابطل


رد: قالب حقوق اسفل المنتدى

الف شكر اخي الغالي علي الكود الرائع والمميز
ارسال رد

هــــــام

ندعوك للتسجيل في المنتدى لتتمكن من ترك رد أو تسجيل الدخول اذا كنت من اسرة المنتدى

صلاحيات هذا الموضوع
لاتستطيع الرد على المواضيع في هذا المنتدى