The Best
هل تريد التفاعل مع هذه المساهمة؟ كل ما عليك هو إنشاء حساب جديد ببضع خطوات أو تسجيل الدخول للمتابعة.

The Bestدخول
●● إعلانـات ●●
إعلانك هنا إعلانك هنا إعلانك هنا
إعـلانـات المنتـدى

إحصائيات المنتدى
أفضل الاعضاء هذا الشهر
آخر المشاركات
أفضل الاعضاء هذا الشهر
285 المساهمات
224 المساهمات
142 المساهمات
77 المساهمات
74 المساهمات
70 المساهمات
54 المساهمات
45 المساهمات
24 المساهمات
19 المساهمات
آخر المشاركات

بمناسبة عيد الفطر ..إهداء لفريق المنتدى

5 مشترك



pollما رأيك في صفحة الفرق و المجموعات الجديدة؟

التصميم الجديد ممتاز.
9
82%
التصميم جيد لكن يحتاج إلى تعديلات كثيرة.
2
18%
الصفحة القديمة أفضل.
0
0%
مجموع عدد الأصوات:
11
×
النص



لون شفاف

الألوان الافتراضية
×
الخلفية



لون شفاف

الألوان الافتراضية
×
النص



لون شفاف

الألوان الافتراضية
×
الخلفية



لون شفاف

الألوان الافتراضية

descriptionبمناسبة عيد الفطر ..إهداء لفريق المنتدى Emptyبمناسبة عيد الفطر ..إهداء لفريق المنتدى

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


كل عام و أنتم بألف خير و صحة و سعادة.
تقبل الله منا و منكم صالح الأعمال.

اليوم أقدم للمنتدى مفاجأة !! و ذلك لما لمسته في هذا المنتدى من نشاط حقيقي و محتوى متميز. و كذلك لروح الإخوة الدافئة.

المفاجأة عبارة عن تصميم لصفحة الفرق و المجموعات. قمت بإعادة تصميم الصفحة لتبدو أبسط و أسرع في التحميل و التصفح.



أتمنى أن تعجبكم، و في انتظار أي اقتراح أو تعديل.
و أدعو الله لكم بالتوفيق و النجاح  بمناسبة عيد الفطر ..إهداء لفريق المنتدى 866468155

descriptionبمناسبة عيد الفطر ..إهداء لفريق المنتدى Emptyرد: بمناسبة عيد الفطر ..إهداء لفريق المنتدى

more_horiz
وعليكم السلام

وأنت بألف خير

التصميم في غاية الروعة سلمت يداك

descriptionبمناسبة عيد الفطر ..إهداء لفريق المنتدى Emptyرد: بمناسبة عيد الفطر ..إهداء لفريق المنتدى

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

عيدك مبارك و كل عام و أنت بخير

واااو ! إنها مذهلة حقاا

خفيفة و سريعة و طريقة استخدامها بسيطة

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

لكن أتساءل إن كان التعديل عليها سهلا ؟

فعلينا اضافة الاوسمة و المسابقات في كل مرة

و كذلك الفرق الجديدة ( ان فتحت فرق جديدة )

+ أقترح اضافة شيء في المربع الأخضر الفارغ عند دخول الصفحة لأول مرة

مثلا : لفتح فريق جديد اضغط هنا

و الرابط يؤدي لقسم الفرق و المجموعات ~

على العموم الفكرة مذهلة و الصفحة في غاية الروعة

شكرا لمجهودك و لطفك + نريد الكود لو سمحت Very Happy

بمناسبة عيد الفطر ..إهداء لفريق المنتدى 866468155

descriptionبمناسبة عيد الفطر ..إهداء لفريق المنتدى Emptyرد: بمناسبة عيد الفطر ..إهداء لفريق المنتدى

more_horiz
Alexander كتب:
وعليكم السلام
وأنت بألف خير
التصميم في غاية الروعة سلمت يداك


شكراً لك على مرورك و تعليقك  بمناسبة عيد الفطر ..إهداء لفريق المنتدى 866468155

Akatsuki كتب:
و عليكم السلام و رحمة الله تعالى و بركاته
عيدك مبارك و كل عام و أنت بخير
واااو ! إنها مذهلة حقاا
خفيفة و سريعة و طريقة استخدامها بسيطة
و راق لي تصغيرك للأوسمة و ظهورها بحجمها الأصلي عند الضغط عليها
لكن أتساءل إن كان التعديل عليها سهلا ؟
فعلينا اضافة الاوسمة و المسابقات في كل مرة
و كذلك الفرق الجديدة ( ان فتحت فرق جديدة )


شكراً لك على إطرائك.
التصميم بسيط يتكون من قالب يمكن تكراره لإضافة المزيد من الفرق أو المسابقات إلخ. 
لا تزال الإضافة يدوية، بالتالي تحتاج لمن لديه خبرة بسيطة في أكواد HTML. و سأقوم في المستقبل إن شاء الله بجعل الإضافة الكترونية سهلة عن طريق اسكربت بسيط.
أما حالياً، فأنا أرحب تماماً بأي تعديل على الفرق أو إضافة جديدة في أي وقت. بمناسبة عيد الفطر ..إهداء لفريق المنتدى 866468155

Akatsuki كتب:
+ أقترح اضافة شيء في المربع الأخضر الفارغ عند دخول الصفحة لأول مرة
مثلا : لفتح فريق جديد اضغط هنا
و الرابط يؤدي لقسم الفرق و المجموعات ~


جاري التعديل الآن ...

Akatsuki كتب:
شكرا لمجهودك و لطفك + نريد الكود لو سمحت Very Happy 


الشكر موصول لك و لفريق المنتدى على ما تقدموه من محتوى راقي.
سأقوم بإرسال الكود في ملف نصي حتى لا يشوبه أي تعديلات.

descriptionبمناسبة عيد الفطر ..إهداء لفريق المنتدى Emptyرد: بمناسبة عيد الفطر ..إهداء لفريق المنتدى

more_horiz
كل عام وأنت بألف خير يارب
المفاجأة حقًا رائعة
حبيت شكل الصفحة
وجميل هكذا الفرق واضحة
والتقسيمات واظهار المسابقات الي شاركنا بها وهكذا امر رائع

descriptionبمناسبة عيد الفطر ..إهداء لفريق المنتدى Emptyرد: بمناسبة عيد الفطر ..إهداء لفريق المنتدى

more_horiz
N_Angle كتب:
كل عام وأنت بألف خير يارب
المفاجأة حقًا رائعة
حبيت شكل الصفحة
وجميل هكذا الفرق واضحة
والتقسيمات واظهار المسابقات الي شاركنا بها وهكذا امر رائع





شكراً لك على مرورك و ردك العطر  بمناسبة عيد الفطر ..إهداء لفريق المنتدى 866468155

.
.

تم رفع قالب الصفحة هنا.
طريقة التركيب: تركيب الكود عادي تماماً و اختيار (لا) في سؤال :هل تود استعمال أعلى و أسفل صفحة منتداك؟


مع محبتي؛

descriptionبمناسبة عيد الفطر ..إهداء لفريق المنتدى Emptyرد: بمناسبة عيد الفطر ..إهداء لفريق المنتدى

more_horiz
تم التركيب و الصفحة حقا مذهلة بمناسبة عيد الفطر ..إهداء لفريق المنتدى 1620276979

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

بمناسبة عيد الفطر ..إهداء لفريق المنتدى DYlKI1E

أيضا عنوان المنتدى في الأعلى يظهر على اليمين و ليس في الوسط :

بمناسبة عيد الفطر ..إهداء لفريق المنتدى Jup8jZU

عدا هذا فالصفحة مثالية و التعديل عليها ليس صعبا للدرجة التي توقعتها ^^

descriptionبمناسبة عيد الفطر ..إهداء لفريق المنتدى Emptyرد: بمناسبة عيد الفطر ..إهداء لفريق المنتدى

more_horiz
Akatsuki كتب:
تم التركيب و الصفحة حقا مذهلة بمناسبة عيد الفطر ..إهداء لفريق المنتدى 1620276979
هناك مشكلة بسيطة و هي أنني بعد أن أضفت الأوسمة الجديدة أصبح السطر الثاني من الأوسمة مقصوصا
أيضا عنوان المنتدى في الأعلى يظهر على اليمين و ليس في الوسط
عدا هذا فالصفحة مثالية و التعديل عليها ليس صعبا للدرجة التي توقعتها ^^



يبدو أن الكود تشوه. أستطيع أن أرى مكان الأكواد تغير لوحده! و هي أحد المشكلات التي تواجهني في تصميم استايلات أحلى منتدى.

في الـCSS
نعدل الرقم height:500px; إلى 550
ستجديها في مكانين tlist و tdata



جربي مسح الكود و نسخة مرة أخرى. إن شاء الله يشتغل.
إذا لم يعمل، فأنا عرفت مكان الخطأ لكن ستحتاج إلى عملية جراحية لتعديلها   بمناسبة عيد الفطر ..إهداء لفريق المنتدى 1508887074

descriptionبمناسبة عيد الفطر ..إهداء لفريق المنتدى Emptyرد: بمناسبة عيد الفطر ..إهداء لفريق المنتدى

more_horiz
مشكلة الاوسمة حلت شكرا جزيلا لك

أما الكتابة فأعتقد أنني خربت شيئا عند تعديلها XD

على العموم هذا هو الكود :


الكود:

<!--                Meta                -->  <meta charset="UTF-8" />  <title>    مجموعات و فرق الأعضاء  </title>  <meta name="viewport" content="width=device-width, initial-scale=1" />  <style>
  html {
  background: #2c353b;
  margin: 0;
  padding:0;
  width:100%;
  direction:rtl;
  text-align: right;
  color: #fff;
  font-family:tahoma;
  font-size:12px;
}
* {
  box-sizing: border-box;
}
a{
  text-decoration:none;
  color:#eee;
}
@media screen and (max-width: 700px) {
  .row, .navbar { 
    flex-direction: column;
  }
}
@font-face {
  font-family: 'Droid Arabic Kufi';
  font-style: normal;
  font-weight: 400;
  src: url(//fonts.gstatic.com/ea/droidarabickufi/v6/DroidKufi-Regular.eot);
  src: url(//fonts.gstatic.com/ea/droidarabickufi/v6/DroidKufi-Regular.eot?#iefix) format('embedded-opentype'),
      url(//fonts.gstatic.com/ea/droidarabickufi/v6/DroidKufi-Regular.woff2) format('woff2'),
      url(//fonts.gstatic.com/ea/droidarabickufi/v6/DroidKufi-Regular.woff) format('woff'),
      url(//fonts.gstatic.com/ea/droidarabickufi/v6/DroidKufi-Regular.ttf) format('truetype');
}
@font-face {
  font-family: 'Droid Arabic Kufi';
  font-style: normal;
  font-weight: 700;
  src: url(//fonts.gstatic.com/ea/droidarabickufi/v6/DroidKufi-Bold.eot);
  src: url(//fonts.gstatic.com/ea/droidarabickufi/v6/DroidKufi-Bold.eot?#iefix) format('embedded-opentype'),
      url(//fonts.gstatic.com/ea/droidarabickufi/v6/DroidKufi-Bold.woff2) format('woff2'),
      url(//fonts.gstatic.com/ea/droidarabickufi/v6/DroidKufi-Bold.woff) format('woff'),
      url(//fonts.gstatic.com/ea/droidarabickufi/v6/DroidKufi-Bold.ttf) format('truetype');
}
/*
 * Droid Arabic Kufi (Arabic) http://www.google.com/fonts/earlyaccess
 */

/* خط زهرة ثقيل من فونت فيس */
@font-face{
  font-family:'zahra';
  src:url('https://www.fontstatic.com/fonts/zahra/zahra.eot?#iefix');
  src:local('زهرة'),local('zahra'),url('https://www.fontstatic.com/fonts/zahra/zahra.woff') format('woff');
}

@font-face{
  font-family:'zahra-bold';
  src:url('https://www.fontstatic.com/fonts/zahra-bold/zahra-bold.eot?#iefix');
  src:local('زهرة ثقيل '),local('zahra-bold'),url('https://www.fontstatic.com/fonts/zahra-bold/zahra-bold.woff') format('woff');
}
@font-face {
  font-family: 'Lalezar';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/lalezar/v9/zrfl0HLVx-HwTP82YaL4IxL0.woff2) format('woff2');
  unicode-range: U+0600-06FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE80-FEFC;
}
/* vietnamese */
@font-face {
  font-family: 'Lalezar';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/lalezar/v9/zrfl0HLVx-HwTP82Yaj4IxL0.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Lalezar';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/lalezar/v9/zrfl0HLVx-HwTP82Yan4IxL0.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Lalezar';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/lalezar/v9/zrfl0HLVx-HwTP82Yaf4Iw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* نهاية كود الخط */
main{
  width:80%;
  margin:auto;
  padding:0;
}
.header{
  font-family: lalezar, tahoma;
  font-size:32px;
  font-weight:300;
  text-align:center;
  color:#cc3333;
  text-shadow: 3px 3px 0 #fff,
    -1px -1px 0 #fff, 
      1px -1px 0 #fff,
      -1px 1px 0 #fff,
      1px 1px 0 #fff;
}
.tlist{
    background: linear-gradient(45deg,#77b2bd,#72c0b8);
    border-radius: 24px;
    box-shadow: 0 0 8px rgba(0,0,0,0.1);
    flex-basis: 200px;
    border-top: 2px solid #a3ced4;
    flex-grow: 0;
    flex-shrink: 0;
    float: right;
    padding: 8px;
    position: relative;
    text-align: center;
  width:16%;
  height:550px;
}
.tname{
  background:transparent;
  width: 120px;
  margin: 4% auto;
  border:1px dashed #2c353b;
  border-radius:8px;
  color: #2c353b;
  font-family: lalezar, tahoma;
  font-size: 16px;
  font-width: 300;
  cursor: pointer;
  display: block;
  outline: none;
    transition: all 0.3s ease;
  overflow: hidden;
}


.tname:after {
  position: absolute;
  content: " ";
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
 

  transition: all 0.3s ease;
}
.tname:hover {
  background: transparent;
  box-shadow:  4px 4px 6px 0 rgba(255,255,255,.5),
              -4px -4px 6px 0 rgba(116, 125, 136, .2),
    inset -4px -4px 6px 0 rgba(255,255,255,.5),
    inset 4px 4px 6px 0 rgba(116, 125, 136, .3);
}
.tdata{
    background: linear-gradient(45deg,#77b2bd,#72c0b8);
    border-radius: 24px;
    box-shadow: 0 0 8px rgba(0,0,0,0.1);
    flex-basis: 200px;
    border-top: 2px solid #a3ced4;
    flex-grow: 0;
    flex-shrink: 0;
    float: right;
    padding: 0px;
  margin: 0 8px;
    position: relative;
    text-align: center;
  width:80%;
  height:550px;
  overflow:hidden;
}
.GPIC{
  max-width: 100px;
}
.description{
  color:#2c353b;
  padding: 2%;
}
.rules{
    background: linear-gradient(45deg,#2c353b,#77b2bd);
    border-radius: 24px;
    box-shadow: 0 0 8px rgba(0,0,0,0.1);
    flex-basis: 200px;
    border-top: 2px solid #77b2bd;
    flex-grow: 0;
    flex-shrink: 0;
    padding: 1%;
  margin: 1%;
    position: relative;
    text-align: center;
  height:auto;
 
}
    a.mainmenu {
    background: linear-gradient(20deg, #00edff,#004f8e,#00609a, #a8c3d7);
    border-radius: 8px;
    color: #ddd;
    font-size: 33px;
    /* font-weight: 400; */
    font-family: zahra-bold;
    padding: 8px;
    display: flex;
    justify-content: center;
    align-items: center;
    /* background: transparent; */
    border: 1px solid #77b2bd;
    transition: 0.3s all;
    /* bottom: 1%; */
    /* left: 1%; */
}
    .mainmenu:hover{
      background:linear-gradient(0deg,#77b2bd,#77b2bd);
    box-shadow: 0 1px 6px rgba(0,0,0,0.06);
    color: #2c353b;
      transition: 0.3s all;
    }
  </style>  <main>  <header></header><a class="mainmenu" href="https://www.theb3st.com" style="align:center;text-width:250px;margin:auto;"></a>    منتدى THE BEST              <br /></main>
<p style="">
</p><main>      </main>
<p class="header" style="margin-bottom: 3%;">
                   المجموعات و الفرق               
</p><main>        </main>
<div class="teams" style="">
                                                        
   <div class="tlist">
                                             
      <button class="tname" onclick="openTeam(event, 'Defult')">
                     القوانين العامة           
      </button><br /><br />              <strong style="color:#2c353b; font-family:lalezar;font-size:16px;">---[              قائمة الفرق                ]---</strong>                         
      <button class="tname" onclick="openTeam(event, 'Hunters')">
                     The Hunters           
      </button>
                                           
      <button class="tname" onclick="openTeam(event, 'EvilClaw')">
                     مِخلب الــشر           
      </button>
                                           
      <button class="tname" onclick="openTeam(event, 'NEWAGE')">
                     NEW AGE           
      </button>
                                           
      <button class="tname" onclick="openTeam(event, 'WANTED')">
                     W A N T E D           
      </button>
                                           
      <button class="tname" onclick="openTeam(event, 'CLOSED')">
                     المجموعات المغلقة           
      </button>
                                                       
   </div>
                                      
   <div class="tdata">
                                           
      <div id="Defult" class="description">
                                    
         <center>
                                   
            <p>
                           <a href="https://www.theb3st.com/f76-montada" style="color:#222; font-size:16px; font-family:lalezar;">---[      الدخول إلى قسم الفرق و المجموعات من هنا      ]---</a>           
            </p>
                                   
         </center><br />                         
         <div>
                        <br />                 
            <p style="text-align:center;color:#fff; background:linear-gradient(0deg,#993333,#cc3333);width:100%;padding:1%;margin:1% auto;">
                                   تنبيه! إذا تم إغلاق مجموعة ما، فسيتم حذفها من هذه الصفحة، و ستفقد الأوسمة التي حصلت عليها في المسابقات.                   
            </p>
                                                     
            <div style="text-align:right;">
                                      
               <p>
                              <span style="color:#222; font-size:16px; font-family:lalezar;">                  قوانيـن فتـــح مجموعــة جديدة :<br /></span>1. اختيار اسم مناسب للمجموعة.<br />2. يجـب على قائد المجموعـة أن يتــوفر على 300 مساهمة على الأقل أو 10 موضوعات حصريــة.<br />3. تواجد القائد باستمرار في المنتـــدى للإشراف على مجموعتــه.<br />4. اختيار أنشطة معينـة للمجموعـة.             
               </p>
                                      
               <p>
                              <span style="color:#222; font-size:16px; font-family:lalezar;">  قوانيـــن الانضمام لمجمــــوعة :<br /></span>1. لكـل عضـو الحق في الانضمام لمجمـوعة واحدة فقط.<br />2. وضـع التوقيـع المشترك للمجموعة ( و إلا لـن يحسب اشتراكه).<br />3. أقصــى حد لأعضاء المجموعـة هو : 25 عضـــو.<br />4. المشاركة بمواضيـع و أنشطة حصريــــة، و التفاعل في القسم الخاص بالمجموعـــة.           
               </p>
                                      
               <p>
                              <span style="color:#222; font-size:16px; font-family:lalezar;">  بعض التوضيحات :<br /></span>◄  لكــل مجموعة رسميـة قســم خاص بها لا يمكن رؤيتــه و المشاركة فيه إلا من طــرف أعضاء المجموعـة.<br />◄ لكــل مجموعة مـدة شهــر كمهلـة مباشرة بعد فتحها لتصبح مجموعة رسمية ، إذا لم تجمع 5 أعضاء على الأقل و لم تضع أي موضوع حصري سيتم غلقها.<br />◄ أي مجموعة لا تضع أي موضوع حصري خلال 3 أشهر متتاليـة = تُغلـق.<br />◄ إذا انضم عضو لمجموعـة و لم ينشـط فيها و لم يقــدم شيء لتطويرها، فللقائـــد الحـق في طرده منها.           
               </p>
                                      
            </div>
                                        بالتـــــوفيق للجميــــع <br /><br />و نرجــو أن تكون الفــرق و المجموعات سبباً في زيادة التنافـس و المتعـة في المنتدى                 
         </div>
                                              
      </div>
                                           
      <div id="CLOSED" class="description">
                                   <span style="font-family: lalezar; font-size:16px;text align:center;">---[                المجموعات المغلقة سواء بقرار من الإدارة أو من قائد الفريق              ]---</span>                           
         <p>
                        The Star Anime | S T A R Z | Anime Light | Anime Dangerous           
         </p>
                                
         <p>
                        Anime Shadows | Galaxy Anime | World of Anime | Anime Land           
         </p>
                                
         <p>
                        C R A S H E R S | Smiles | Black Sword | Anime Wings           
         </p>
                                
         <p>
                        Girls & Boys | Generation | This Is Us | THE SNAKES           
         </p>
                                              
      </div>
                                           
      <div id="Hunters" class="description">
                       <img src="https://i.imgur.com/RT69Sre.png" />                         
         <p>
                            <span style="font-family: lalezar; font-size:16px;text align:center;">The Hunters (TBT سابقاً)</span>             
         </p>
                                    
         <p>
                            الموضوع الرسمــي:    <span><a href="https://www.theb3st.com/t70167-topic">      [ The Hunters ] إن لم تكن الصيـاد .. ستكون الفريسـة .. !      </a></span>             
         </p>
                                    
         <p>
                            القســم:      <span><a href="https://www.theb3st.com/f83-montada">      The Hunters      </a></span>             
         </p>
                                    
         <p>
                            الأوسمــة المحصلة:               
         </p>
               <img class="GPIC" src="https://i.servimg.com/u/f45/12/89/14/18/iqvvcd10.png" />  <img class="GPIC" src="https://i.servimg.com/u/f45/12/89/14/18/war20111.png" />          <img class="GPIC" src="https://i.servimg.com/u/f45/12/89/14/18/ia_110.png" /><img class="GPIC" src="https://i.servimg.com/u/f11/12/89/14/18/groupe13.png" /><img class="GPIC" src="https://i.servimg.com/u/f35/12/89/14/18/groupe12.png" />  <img class="GPIC" src="https://i.servimg.com/u/f68/14/25/67/18/_uo10.png" /><br /><img class="GPIC" src="https://i.servimg.com/u/f18/14/25/67/18/group-11.png" /><img class="GPIC" src="https://i.servimg.com/u/f82/13/00/04/44/be110.png" /><img class="GPIC" src="https://i.servimg.com/u/f59/14/25/67/18/iu_20111.png" /><img class="GPIC" src="https://i.servimg.com/u/f40/13/00/04/44/issam210.png" /><img class="GPIC" src="https://i.servimg.com/u/f40/13/00/04/44/257.png" /><img class="GPIC" src="https://i.servimg.com/u/f30/13/00/04/44/127.png" />                     
      </div>
                                           
      <div id="EvilClaw" class="description">
                                   <img src="https://imgur.com/mFzCpg1.png" />             
         <p>
                            <span style="font-family: lalezar; font-size:16px;text align:center;">مِخلب الــشر</span>             
         </p>
                                    
         <p>
                            الموضوع الرسمــي:    <span><a href="https://www.theb3st.com/t60889-topic">    و أخيرآ عاد الملوك | المخالب يرحبون بالإنضمآم |    </a></span>             
         </p>
                       <span>    القســم:      <span><a href="https://www.theb3st.com/f99-montada">      مِخلب الــشر , EvilClaw Team      </a></span>  </span>             
         <p>
                            الأوسمــة المحصلة:               
         </p><img class="GPIC" src="https://i.servimg.com/u/f45/12/89/14/18/14fcs610.png" /> <img class="GPIC" src="https://i.servimg.com/u/f45/12/89/14/18/war20110.png" /> <img class="GPIC" src="https://i.servimg.com/u/f45/12/89/14/18/ia_210.png" /><img class="GPIC" src="https://i.servimg.com/u/f11/12/89/14/18/groupe11.png" /><img class="GPIC" src="https://i.servimg.com/u/f18/14/25/67/18/group-10.png" /><img class="GPIC" src="https://i.servimg.com/u/f35/12/89/14/18/groupe11.png" /><br /><img class="GPIC" src="https://i.servimg.com/u/f59/14/25/67/18/iu_20112.png" /><img class="GPIC" src="https://i.servimg.com/u/f18/14/25/67/18/davy-210.png" />               
      </div>
                                           
      <div id="NEWAGE" class="description">
                       <img src="https://i.imgur.com/IlxaxEV.jpg" />                         
         <p>
                            <span style="font-family: lalezar; font-size:16px;text align:center;">NEW AGE</span>             
         </p>
                                    
         <p>
                            الموضوع الرسمــي:    <span><a href="https://www.theb3st.com/t67697-topic">      لــنُنهي حكم القُدماء اليوم ! -| NEW AGE |-      </a></span>             
         </p>
                                    
         <p>
                            القســم:      <span><a href="https://www.theb3st.com/f19-montada">      NEW AGE      </a></span>             
         </p>
                                    
         <p>
                            الأوسمــة المحصلة:               
         </p><img class="GPIC" src="https://i.servimg.com/u/f45/12/89/14/18/00ortr10.png" />  <img class="GPIC" src="https://i.servimg.com/u/f45/12/89/14/18/war20112.png" />                <img class="GPIC" src="https://i.servimg.com/u/f45/12/89/14/18/ia_310.png" /><img class="GPIC" src="https://i.servimg.com/u/f11/12/89/14/18/groupe12.png" />                     
      </div>
                                           
      <div id="WANTED" class="description">
                                 <img src="https://i.servimg.com/u/f76/13/00/04/44/wanted10.png" />                         
         <p>
                            <span style="font-family: lalezar; font-size:16px;text align:center;">W A N T E D</span>             
         </p>
                                    
         <p>
                            الموضوع الرسمــي:    <span><a href="https://www.theb3st.com/t58858-topic">      •• عصآبـة W A N T E D تستفيـق | أهـلآ بكل المجرميـن ••      </a></span>             
         </p>
                                    
         <p>
                            القســم:      <span><a href="http://thebest.all-up.com/f27-montada">      W A N T E D Gang      </a></span>             
         </p>
                                    
         <p>
                            الأوسمــة المحصلة:               
         </p><img class="GPIC" src="https://i.servimg.com/u/f45/12/89/14/18/ia_aaa10.png" /><img class="GPIC" src="https://i.servimg.com/u/f11/12/89/14/18/groupe10.png" /><img class="GPIC" src="https://i.servimg.com/u/f18/14/25/67/18/davy-110.png" /><img class="GPIC" src="https://i.servimg.com/u/f18/14/25/67/18/group-12.png" /><br /><img class="GPIC" src="https://i.servimg.com/u/f59/14/25/67/18/iu_20110.png" /><img class="GPIC" src="https://i.servimg.com/u/f82/13/00/04/44/be310.png" /><img class="GPIC" src="https://i.servimg.com/u/f30/13/00/04/44/225.png" /><img class="GPIC" src="https://i.servimg.com/u/f40/13/00/04/44/153.png" />                       
      </div>
                                         
   </div>
                                
</div><main>    </main>
<div class="contests" style="">
                                  
   <table border="0" cellpadding="0" cellspacing="0" style="text-align: right; width: 68%;margin:2%;">
                  <tbody> </tbody>           
   </table>
                                      
   <p class="header">
                              المسابقات الرسمية           
   </p>
                                      
   <div class="rules">
                                           
      <table border="0" cellpadding="0" cellspacing="0" style="text-align: right; width: 68%;margin:auto;">
                                   <tbody>                </tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody>
         <tr style="">
                                                       
            <td>
                                                            
               <center>
                              <span style="font-family:lalezar,tahoma; font-size:16px;">---[                      إعلان المسابقة                      ]---</span>           
               </center>
                                                            
               <p>
                              <a href="http://thebest.all-up.com/t21330-topic">مسابقة القروبات 2011</a>           
               </p>
                                                            
               <p>
                              <a href="http://thebest.all-up.com/t27032-topic">تحديات إبداعية بين القروبات 2011</a>           
               </p>
                                                            
               <p>
                              <a href="https://www.theb3st.com/t30684-topic">مسابقة القروبات 2012</a>           
               </p>
                                                            
               <p>
                              <a href="https://www.theb3st.com/t41134-topic">حـرب القروبات 2013</a>           
               </p>
                                
               <p>
                              <a href="https://www.theb3st.com/t49252-topic">حـرب القروبات 2014</a>           
               </p>
                                
               <p>
                              <a href="https://www.theb3st.com/t56480-topic">حـرب القروبات 2015</a>           
               </p>
                                
               <p>
                              <a href="https://www.theb3st.com/t60371-topic">حـرب القروبات 2016</a>           
               </p>
                                
               <p>
                              <a href="https://www.theb3st.com/t65091-topic">حـرب القروبات 2017</a>           
               </p>
                                
               <p>
                              <a href="https://www.theb3st.com/t67989-topic">حـرب القروبات 2018</a>           
               </p>
                                
               <p>
                              <a href="https://www.theb3st.com/t70442-topic">حـرب القروبات 2019</a>           
               </p>
                                
               <p>
                              <a href="https://www.theb3st.com/t72912-topic">حـرب القروبات 2020</a>           
               </p>
                                                          
            </td>
                                                       
            <td>
                                                            
               <center>
                              <span style="font-family:lalezar,tahoma; font-size:16px;">---[                      النتيجــــة                        ]---</span>           
               </center>
                                                            
               <p>
                              <a href="http://thebest.all-up.com/t23854-topic">نتيجة مسابقة القروبات 2011 </a>           
               </p>
                                                            
               <p>
                              <a href="http://thebest.all-up.com/t27482-topic">نتيجة تحديات إبداعية بين القروبات 2011</a>           
               </p>
                                                            
               <p>
                              <a class="topictitle" href="https://www.theb3st.com/t32121-topic">نتيجة مسابقة القروبات 2012</a>           
               </p>
                                                            
               <p>
                              <a class="topictitle" href="https://www.theb3st.com/t43730-topic"> نتيجة حـرب القروبات 2013</a>           
               </p>
                                
               <p>
                              <a class="topictitle" href="https://www.theb3st.com/t50213-topic"> نتيجة حـرب القروبات 2014</a>           
               </p>
                                
               <p>
                              <a class="topictitle" href="https://www.theb3st.com/t57172-topic"> نتيجة حـرب القروبات 2015</a>           
               </p>
                                
               <p>
                              <a class="topictitle" href="https://www.theb3st.com/t60674-topic"> نتيجة حـرب القروبات 2016</a>           
               </p>
                                    
               <p>
                              <a class="topictitle" href="https://www.theb3st.com/t65373-topic#1149616"> نتيجة حـرب القروبات 2017</a>           
               </p>
                                
               <p>
                              <a class="topictitle" href="https://www.theb3st.com/t69561-topic"> نتيجة حـرب القروبات 2018</a>           
               </p>
                                
               <p>
                              <a class="topictitle" href="https://www.theb3st.com/t70689-topic"> نتيجة حـرب القروبات 2019</a>           
               </p>
                                  
               <p>
                              <a class="topictitle" href="https://www.theb3st.com/t72955-topic">نتيجة حـرب القروبات 2020</a>           
               </p>
                                                                    
            </td>
                                                     
         </tr><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody>              </tbody>                       
      </table>
                                         
   </div>
                                    
</div><main>    <script>
  function openTeam(evt, teamName) {
  var i, description, tname;
  description = document.getElementsByClassName("description");
  for (i = 0; i < description.length; i++) {
    description[i].style.display = "none";
  }
  tname = document.getElementsByClassName("tname");
  for (i = 0; i < tname.length; i++) {
    tname[i].className = tname[i].className.replace(" active", "");
  }
  document.getElementById(teamName).style.display = "block";
  evt.currentTarget.className += " active";
}
    </script></main>

descriptionبمناسبة عيد الفطر ..إهداء لفريق المنتدى Emptyرد: بمناسبة عيد الفطر ..إهداء لفريق المنتدى

more_horiz
المشكلة بسيطة جداً.. النص خارج الكود. كل ما علينا ببساطة هو تغيير الكود التالي

الكود:


<a class="mainmenu" href="https://www.theb3st.com" style="align:center;text-width:250px;margin:auto;">
</a>
منتدى THE BEST             
<br/>




كل ما عليك هو نقل كود الغلق إلى ما بعد النص. فيصبح الكود كالتالي

الكود:


<a class="mainmenu" href="https://www.theb3st.com" style="align:center;text-width:250px;margin:auto;">
منتدى THE BEST             
</a>
<br/>




و شاكر لك جداً على المردودية feedback. فهذا ما يجعلنا نطور الكود و نحسنه.
 KonuEtiketleri عنوان الموضوع
بمناسبة عيد الفطر ..إهداء لفريق المنتدى
 Konu BBCode BBCode
privacy_tip صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى
remove_circleمواضيع مماثلة