[HTML/CSS] تغير ازرار منتداك وجعلها اكبر وافضل

[xXbandoXx201]

بسم الله الرحمن الرحيم

آلحَمد للَه آلذي لُولآه مآ جَرى قَلم ، ولآ تَكلم آنسآن وآلصلآة وآلسَلآم عَلى

سَيدنآ مُحمد [ صَلى آلله عَليه وآله وصَحبه وسَلم ] كآن آفصَح آلنآس لسآنآ وآوُضحهم بيآنآ .



آسعد آلله آوقآتُكم ، آقدم لَكم شَرح تَغيير شَكل آزرآر آلمُنتدى آلى شَكل ثآني ، كـ [ سلك رود فور ارب ]

شَكل آلآزرآر قَبل آلتَغيير وبَعد آلتَغيير ..
طبعا الزرار الصغير ده هوا قبل


آذهب آلى [تعاريف CSS الإضافية/Additional CSS Definitions ]


[ ثُم آلصَق آلآكوُآد آلمُدرجة بآلآسفل ]

كود PHP:

.button {
 
/* -------------------------------------------- */
/*                  Writed By : xXbandoXx201    */
/*                  Face     :  sixtyBabyboy    */
/* Web Site  :           www.silkroad4arab.com  */
/* -------------------------------------------- */
 
    transition: all 0.2s ease 0s;
    border: 1px solid #00A7FF;
    padding: 8px;
    color: #FFF;
    font-weight: bold;
    background-image: linear-gradient(to bottom, #00C6FF 0%, #00B4E8 100%);
    border-radius: 2px;
    text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.1);
    font-size: 12px;
    cursor: pointer;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-transition: all 0.15s linear;
    -moz-transition: all 0.15s linear;
    -o-transition: all 0.15s linear;
}
.button:hover {
    transition: all 0.2s ease 0s;
    border: 1px solid #00ccff;
    padding: 8px;
    color: #FFF;
    font-weight: bold;
    background-image: linear-gradient(to bottom, #00ccff 0%, #00ccff 100%);
    border-radius: 2px;
    text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.1);
    font-size: 12px;
    cursor: pointer;
} 


الي القاء