اخر اخبار العراق


منتدى
 
الرئيسيةالبوابةاليوميةس .و .جبحـثالأعضاءالمجموعاتالتسجيلدخولناف بار الازرار الدائرس Oaau10ناف بار الازرار الدائرس Ouo10ناف بار الازرار الدائرس O10ناف بار الازرار الدائرس 11ناف بار الازرار الدائرس Ood10ناف بار الازرار الدائرس Od_ou10ناف بار الازرار الدائرس Eo_o10

إرسال موضوع جديد   إرسال مساهمة في موضوع
شاطر
 

 ناف بار الازرار الدائرس

اذهب الى الأسفل 
كاتب الموضوعرسالة
احساس خالد

avatar

عدد المساهمات : 111
نقاط : 200
السٌّمعَة : 0
تاريخ التسجيل : 09/08/2013

ناف بار الازرار الدائرس Empty
مُساهمةموضوع: ناف بار الازرار الدائرس   ناف بار الازرار الدائرس Emptyالثلاثاء ديسمبر 09, 2014 12:50 pm

صورة النافبار

http://im35.gulfup.com/AnIi7.jpg


كود هوتميل يوضع فى التشكيلات العامة

الرمز:

الكود:
    <div class="circlemenu">
    <ul>
    <li><a href="http://www.gulfup.com"><span>مركز تحميل</span></a></li>
    <li><a href="http://www.mms44.com"><span>معرض وسائط</span></a></li>
    <li><a href="http://www.dubaieyes.net/gallery"><span>معرض صور</span></a></li>
    <li><a href="http://www.kooora.com/default.aspx"><span>موقع كورة</span></a></li>
    <li><a href="http://www.omaniyat.com/weight"><span>طبيبك الآلى</span></a></li>
    </ul>
    </div>



كود يوضع فى ورقة ccs

الرمز:


الكود:
    .circlemenu{
    width: 100%;
    overflow:hidden;
    }

    .circlemenu ul{
    margin: 0;
    padding: 0;
    font: bold 15px Verdana;
    list-style-type: none;
    text-align: center; /* "left", "center", or "right" align menu */
    }

    .circlemenu li{
    display: inline;
    margin: 0;
    }

    .circlemenu li a{
    display:inline-block;
    text-align:center;
    text-decoration: none;
    color: white;
    background:#8A514D;
    margin: 0;
    margin-right:5px; /*right spacing between each link */
    width:80px;
    height:80px;
    border-radius: 400px; /*really large border radius to create round borders*/
    -moz-border-radius: 400px;
    -webkit-border-radius: 400px;
    }

    .circlemenu a span{
    position:relative;
    top:40%;
    }

    .circlemenu li a:visited{
    color: white;
    }

    .circlemenu a:hover{
    background: #a71b15;
    }

الرجوع الى أعلى الصفحة اذهب الى الأسفل
معاينة صفحة البيانات الشخصي للعضو http://rsrs.0wn0.com
 
ناف بار الازرار الدائرس
الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1

صلاحيات هذا المنتدى:تستطيع الرد على المواضيع في هذا المنتدى
اخر اخبار العراق  :: المنتدى الاول-
إرسال موضوع جديد   إرسال مساهمة في موضوعانتقل الى: