الصيدلى الصغير

شارك معنا وابدع


    مجموعة اكواد css مهمة لجميع النسخ

    شاطر

    دكتور احمد طه
    مدير المنتدى
    مدير المنتدى

    ذكر

    عدد المساهمات : 1454
    تاريخ التسجيل : 25/02/2010
    العمر : 35
    الموقع الموقع : مصر ام الدنيا

    GMT + 3 Hours مجموعة اكواد css مهمة لجميع النسخ

    مُساهمة من طرف دكتور احمد طه في الثلاثاء أبريل 20, 2010 8:06 pm

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

    من خلال البحث
    المستمر استخرجت لكم اكواد
    CSS ورقة


    لجميع النسخ
    phpBB2
    phpBB3

    Invision


    ونبداء مع النسخه
    phpBB2


    1/لجعل
    الصوره كخلفيه للاقسام انسخ جميع الكود واجعله في
    CSS ورقة
    واضف
    رابط الصوره في مكانهى المناسب
    واضف صوره زي ماتبي متحركه اوثابته
    مصغره
    او كبيرة الحجم لايهم

    الكود

    الرمز:



    td.row1,td.row3.over:hover
    {
    background-image: url(" رابط الصوره");
    }

    td.row2,td.row1.over:hover
    {
    background-image: url(" رابط الصوره");
    }

    td.row3{
    background-image:
    url(" رابط الصوره");
    }

    td.row3Right,td.spaceRow {
    background-image:
    url(" رابط الصوره");
    }



    2/ لتغير الخلفيه الثانيه للمنتدى كصوره

    الرمز:

    .bodyline{
    background-image:
    url("ضع رابط الصوره");
    }



    3 / لجعل حدود الاقسام في منتداك بتلمع
    او حدود متقطعه على حسب الصوره


    الرمز:
    .forumline{
    background-image:
    url("ضع رابط الصوره");
    }






    استعمل احد
    هاذه الصور كمثال

    لجعل الحدود بتلمع ومتحركه
    الصوره

    [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

    رابط الصوره
    [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]



    لجعل
    الحدود متقطعه
    الصوره

    [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

    رابط الصوره
    [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]


    النسخه
    الثانيه
    phpBB3

    لجعل الصوره كخلفيه لجميع الاقسام
    صوره
    متحركه اوثابته
    مصغره او كبيرة الحجم لايهم

    الكود

    الرمز:
    ul.topiclist li {
    background-image:
    url(ضع رابط الصوره);
    }





    هاذا الكود بيعمل على جميع النسخ

    موميزات
    الكود بيجعل الصوره تظهر في اي رابط بالمنتدى

    الكود



    الرمز:

    a:hover {
    background-image: url(ضع رابط الصوره);
    border-bottom:
    0px solid #105289;;
    }



    خذ
    هاذه الصوره كمثال

    [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

    رابط الصوره
    [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]




    النسخه
    الثالثه
    Invision
    وهي الاكثر تعقيدا
    من حيث انهى كثيرة الاكواد
    قم
    بنسخ كول كود وضعه اسفل الثاني

    الاكواد

    لتغير خلفية الواجهه
    والازرار كصوره



    <table align="center" border="0" cellpadding="0" cellspacing="1"><tr><td>الرمز:</td></tr><tr><td class="code">
    div#logostrip {
    background-image: url(ضع رابط
    الصوره);
    }
    #submenu {
    background-image: url(ضع رابط الصوره);
    }
    #submenu ul li a {
    background-image: url(ضع رابط الصوره);
    }
    #submenu
    ul li a:hover {
    background-image: url(ضع رابط الصوره);
    }
    #userlinks
    {
    background-image: url(ضع رابط الصوره);
    }

    </td></tr></table>



    لتغير
    خلفية الفاصل المدود بالاقسام



    <table align="center" border="0" cellpadding="0" cellspacing="1"><tr><td>الرمز:</td></tr><tr><td class="code">table.ipbtable th {
    background-image: url(ضع رابط
    الصوره);
    }
    </td></tr></table>

    لتغير خلفية الاقسام
    كصوره


    <table align="center" border="0" cellpadding="0" cellspacing="1"><tr><td>الرمز:</td></tr><tr><td class="code">.row1,.row2 {
    background-image: url(ضع رابط الصوره);
    }
    .row1 {
    background-image: url(ضع رابط الصوره);
    }
    .row2 {
    background-image:
    url(ضع رابط الصوره);
    }
    .borderwrap .subtitle {
    background-image:
    url(ضع رابط الصوره);
    }
    </td></tr></table>



    لتغير
    خلفية المواضيع وبينات العضو


    <table align="center" border="0" cellpadding="0" cellspacing="1"><tr><td>الرمز:</td></tr><tr><td class="code">.post .post-header {
    background-image: url(ضع رابط
    الصوره);
    }
    .post {
    background-image: url(ضع رابط الصوره);
    }
    .post-container
    {
    background-image: url(ضع رابط الصوره);
    }
    .post-footer {
    background-image:
    url(ضع رابط الصوره);
    }
    .topic-footer {
    background-image:
    url(ضع رابط الصوره);
    }
    div.overview {
    background-image: url(ضع
    رابط الصوره);
    }
    </td></tr></table>

    لتغير خلفيه
    الفواصل وصندوق الوجوه الضاحكه وصندوق المساهمه


    <table align="center" border="0" cellpadding="0" cellspacing="1"><tr><td>الرمز:</td></tr><tr><td class="code">.borderwrap .subtitle {
    background-image: url(ضع رابط
    الصوره);
    }
    div.borderwrap,.borderwrapm {
    background-image:
    url(ضع رابط الصوره);
    }
    #smiley-box {
    background-image: url(ضع
    رابط الصوره);
    }
    </td></tr></table>

    لتغير خلفية
    العناصر


    <table align="center" border="0" cellpadding="0" cellspacing="1"><tr><td>الرمز:</td></tr><tr><td class="code">.qreply {
    background-image: url(ضع رابط الصوره);
    }
    </td></tr></table>



    <table align="center" border="0" cellpadding="0" cellspacing="1"><tr><td>الرمز:</td></tr><tr><td class="code">لتغير خلفية العنصر
    button.button2, input.button2 {
    background-image:
    url(ضع رابط الصوره);
    }
    </td></tr></table>

    لتغير
    خلفية العناصر مثل الالوان واخر والوجوه الضاحكه


    <table align="center" border="0" cellpadding="0" cellspacing="1"><tr><td>الرمز:</td></tr><tr><td class="code">.select {
    background-image: url(ضع رابط الصوره);
    }
    .select
    button {
    background-image: url(ضع رابط الصوره);
    }
    </td></tr></table>

    لتغير
    الزر والخلفيه السفليه لزري معاينه وارسل مساهمتك



    <table align="center" border="0" cellpadding="0" cellspacing="1"><tr><td>الرمز:</td></tr><tr><td class="code">.button,.mainoption {
    background-image: url(ضع رابط
    الصوره);
    }
    .formbuttonrow {
    background-image: url(ضع رابط
    الصوره);
    }
    </td></tr></table>



    لتغير خلفية
    البيانات الشخصيه في لوحة التحكم



    <table align="center" border="0" cellpadding="0" cellspacing="1"><tr><td>الرمز:</td></tr><tr><td class="code">.box-content{
    background-image: url(ضع رابط الصوره);
    }
    .ipbform2 dl {
    background-image: url(ضع رابط الصوره);
    }
    .ipbform2
    dl dd {
    background-image: url(ضع رابط الصوره);
    }
    </td></tr></table>



    لتغير
    خلفية التنبيه بالبيانات الشخصيه



    <table align="center" border="0" cellpadding="0" cellspacing="1"><tr><td>الرمز:</td></tr><tr><td class="code">
    div.errorwrap,div.infowrap {
    background-image:
    url(ضع رابط الصوره);
    }

    </td></tr></table>


    لتغير
    خلفية الصنوق العلوي بقائمة الاعضاء



    <table align="center" border="0" cellpadding="0" cellspacing="1"><tr><td>الرمز:</td></tr><tr><td class="code">.ipbform fieldset {
    background-image: url(ضع رابط
    الصوره);
    }
    </td></tr></table>



    لتغير حدود
    المنتدى
    على حسب الصوره متقطعه او لماعه



    <table align="center" border="0" cellpadding="0" cellspacing="1"><tr><td>الرمز:</td></tr><tr><td class="code">
    div.borderwrap,.borderwrapm {
    background-image:
    url(ضع رابط الصوره);
    }

    </td></tr></table>


    لتغير
    خلفية صندوق صلاحيات المنتدى


    <table align="center" border="0" cellpadding="0" cellspacing="1"><tr><td>الرمز:</td></tr><tr><td class="code">.bar {
    background-image: url(ضع رابط الصوره);
    }
    </td></tr></table>
    لتغير
    خلفية صندوق
    عدد المتصفحين الحاليين للمنتدى: 0 عضو مُسجل, 0 عُضو
    مُختفي و 0 زائر


    <table align="center" border="0" cellpadding="0" cellspacing="1"><tr><td>الرمز:</td></tr><tr><td class="code">table.ipbtable th.formsubtitle,.formsubtitle {
    background-image:
    url(ضع رابط الصوره);
    }
    </td></tr></table>

    لتغير
    خلفية صندوق
    لا توجد أية مواضيع جديدة
    مواضيع جديدة مغلقه
    تثبيت
    اعلان



    <table align="center" border="0" cellpadding="0" cellspacing="1"><tr><td>الرمز:</td></tr><tr><td class="code">.activeusers {
    background-image: url(ضع رابط الصوره);
    }
    </td></tr></table>


    لتغير خلفية حقوق الشركه


    <table align="center" border="0" cellpadding="0" cellspacing="1"><tr><td>الرمز:</td></tr><tr><td class="code">#gfooter {
    background-image: url(ضع رابط الصوره);
    }
    </td></tr></table>


    _________________


    [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]





    [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
    [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

    [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

      الوقت/التاريخ الآن هو الأحد ديسمبر 11, 2016 2:05 pm