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

(تومبلايت)حصري كود ناف بار فوق الاقسام بطريقة جديدة ومميزة

الكود:

    <!-- BEGIN tablehead --><table class="forumline"
        width="100%" border="0" cellspacing="1" cellpadding="0">

الكود:

              <tr>
      
              <ul class="glossymenu"><li class="current"><a
        href=رابط قسم"><b> منتدي
        الدعم</b></a></li><li><a href="رابط القسم"
        title="عنوان القسم"><b>اسم
        القسم</b></a></li><li><a href="رابط القسم"
        title="منتدي الدعم" style=""><b>اسم
        القسم</b></a></li><li><a href="رابط القسم"
        title="اسم قسم" style=""><b> اسم
        القسم</b></a></li><li><a href="رابط
        قسم""><b>اسم
        القسم</b></a></li><li><a href="رابط القسم"
        style=""><b>اسم القسم
        </b></a></li><li><a href="رايبط القسم"
        style=""><b>اسم القسم</b></a></li></ul>
                    </tr>
    

الكود:

      
        .glossymenu {
            background: url("http://hitskin.com/themes/16/95/80/i_back_title.png") repeat-x scroll 0 0 transparent;
            height: 25px;
            list-style: none outside none;
            margin: 0 auto;
            padding: 0 0 0 34px;
            position: relative;
            text-align: center;
            text-transform: uppercase;
        border-radius: 8px 8px 8px 8px;
      
        }
        .glossymenu li {
            float: left;
        }
        .glossymenu li a {
            color: #000000;
            cursor: pointer;
            display: block;
            float: left;
            font-family: Arial,Helvetica,sans-serif;
            font-size: 12px;
            font-weight: 700;
            height: 26px;
            line-height: 26px;
            padding: 0 0 0 16px;
            text-align: center;
            text-decoration: none;
            text-transform: uppercase;
        }
        .glossymenu li a b {
            float: left;
            padding: 0 24px 0 8px;
            text-align: center;
            text-transform: uppercase;
        }
        .glossymenu li a:hover, .glossymenu li.current a {
            background-position: left center;
            color: #ff0000;
            text-align: center;
            text-transform: uppercase;
        }
        .glossymenu li a:hover b, .glossymenu li.current a b {
            background: url("https://i.servimg.com/u/f60/15/40/37/88/0116.png") repeat scroll 0 0 transparent;
            border: 1px solid #874b4b;
            border-radius: 10px 10px 10px 10px;
            color: #ff0000;
        }
      
    

AMRAMINK كتب:

مثل هذا اخي اقصد

AMRAMINK كتب:

مثل هذا اخي اقصد

Spoiler:

Spoiler:

كود الفئات:

كود ورقة CSS:

الكود:

    border-radius: 8px;

AMRAMINK كتب:

تم الحل من الاخ صياد شكرا لك