تعديل على كود CSS

4 مشترك

اذهب الى الأسفل

ãÚáæãÉ تعديل على كود CSS

مُساهمة من طرف mustafamax الإثنين 21 أكتوبر 2013 - 8:21

اريد التعديل على هذه الاكواد لان عند حذفها من ورقة السي اس اس يتم دمج ازرار المنتدى هكذا
تعديل على كود CSS Cfl4


واذا ارجعت الاكواد الى ورقة السي اس اس يحدث هذا في الازرار
تعديل على كود CSS 3xxf


هذه هي الاكواد
الكود:
   /*-- editor background custom --*/
    .sceditor-container textarea, .sceditor-container iframe {
        background-image: url("http://i75.servimg.com/u/f75/18/51/43/47/oooous10.png") !important;
        background-position: center center !important;
        background-repeat: no-repeat !important;
    }


        .postbody img:hover{
    -moz-transform:scale(1.1); /*Mozilla scale version*/
    -moz-box-shadow:0px 0px 0px gray; /*Mozilla shadow version*/
    opacity: 1;
    }

        /*كود حقوق خطية للمصممي الاستايلات اسفل او اعلى الحقوق احلى منتدى )-----------*/
            div#page-footer:before {
      display: center;
        float: left;
        font-family: Trebuchet MS,Tahoma,Arial;
        font-style: bold;
        font-weight: normal;
        margin-left:490px;
        font-size: 12px;
        content: "جميع الحقوق محفوظة لمنتدى mustafa max 2013";}

    /*-----اسم المنتدى أو رابطة فى عنوان
    الموضوع-----*/
    a.topictitle:after{
    content: "mustafa max";
    }

    /*----- الطائر الحر -----*/
    a:hover {
      color: orange;
      font-style: italic;
    }

    /*-----الطائر الحر  -----*/

        /*ظل للروابط HIMA ELMASRY
    */
      a:link, a:visited, a:active{
    text-decoration : none;
    }
    a:hover{
    text-shadow:0 0 20px;
    }
        /*ظل للروابط HIMA ELMASRY
    */


        #fa_toolbar, #fa_toolbar_hidden {
        background-color: #FFCB68 !important;
        }


        #fa_search {
        display: none !important;
        }

            .mainmenu  img {
            -webkit-transform:scale(0.9);
                -moz-transform:scale(0.9);
                -o-transform:scale(0.9);
                -webkit-transition-duration: 0.5s;
                -moz-transition-duration: 0.5s;
                -o-transition-duration: 0.5s;
                opacity: 0.9;
                margin: 0 10px 5px 0;
                }
            .mainmenu  img:hover {
                -webkit-transform:scale(1.1);
                -moz-transform:scale(1.1);
                -o-transform:scale(1.1);    box-shadow:0px 0px 30px gray;
                -webkit-box-shadow:0px 0px "AQUI EL TAMAرO EN PIXELES DEL SHADOW" px "AQUI COLOR HEXADECIMAL DE PREFERENCIA";
                -moz-box-shadow:0px 0px "AQUI EL TAMAرO EN PIXELES DEL SHADOW"px "AQUI COLOR HEXADECIMAL DE PREFERENCIA";
                opacity: 1;
                }



        blockquote {
        -moz-border-radius-topleft: 5px;
        -webkit-border-top-left-radius: 5px;
        -moz-border-radius-bottomleft: 9px;
        -webkit-border-bottom-left-radius: 9px;
        -moz-border-radius-bottomright: 25px;
        -webkit-border-bottom-rightright-radius: 25px;
        }
        blockquote {
          border-top: 1px solid #ADC8E5;;
          border-right: 2px solid #ADC8E5;
          border-bottom: 3px solid #ADC8E5;
          border-left: 5px solid #ADC8E5;
          background-color: #dfe6ef;
        -webkit-box-shadow: 4px 4px 10px #333;
        -moz-box-shadow: 4px 4px 10px #333;
        box-shadow:  4px 4px 10px #333;
          }
        blockquote cite {
          display: block;
          margin: -8px -8px 8px -8px;
          padding: 3px;
          background-image: url('http://i60.servimg.com/u/f60/13/80/01/02/sfondo22.jpg');
          background-repeat: repeat-x;
          background-position: top right;
          font-style: normal;
          font-size: 13px;
          }
        blockquote {
        background: url(http://i38.servimg.com/u/f38/14/18/94/73/quote15.jpg) no-repeat top right;
        min-height:75px; }
        .spoiler {
        -moz-border-radius-topleft: 5px;
        -webkit-border-top-left-radius: 5px;
        -moz-border-radius-bottomleft: 9px;
        -webkit-border-bottom-left-radius: 9px;
        -moz-border-radius-bottomright: 25px;
        -webkit-border-bottom-rightright-radius: 25px;
        }
        .spoiler {
          border-top: 1px solid #ADC8E5;;
          border-right: 2px solid #ADC8E5;
          border-bottom: 3px solid #ADC8E5;
          border-left: 5px solid #ADC8E5;
          background-color: #dfe6ef;
        -webkit-box-shadow: 4px 4px 10px #333;
        -moz-box-shadow: 4px 4px 10px #333;
        box-shadow:  4px 4px 10px #333;
          }
        .spoiler dt {
          display: block;
          margin: -8px -8px 8px -8px;
          padding: 3px;
          background-image: url('http://i60.servimg.com/u/f60/13/80/01/02/sfondo22.jpg');
          background-repeat: repeat-x;
          background-position: top right;
          font-style: normal;
          font-size: 13px;
          }
        .spoiler {
        background: url(http://i38.servimg.com/u/f38/14/18/94/73/quote16.jpg) no-repeat top right;
        min-height:30px; }



        #navstrip li {
            float: left;
            margin: 0 2px;
            padding-left: 15px;
            background: url('http://i30.servimg.com/u/f30/13/80/01/02/immagi14.gif') no-repeat left 50%;
            }


        
                            //
                            

                            
                              
                                  
                                    
                                    
                                    
                                    
                                    
                                    
                                    
                                    
                                  
                                  
                                    
                                    
                                    Tweet
                                    
                                    
                                    
                                    
                                    
                                        
                                    
                                    
                                  
                                  {L_INDEX}{NAV_SEP}{L_ALBUM}{NAV_CAT_DESC_SECOND}
                                  
                                    
                                        {L_SHARE}
                                        
                                        |
                                        //
                                        
                                        
                                    
                                  
                              
                            

                            
                              
                                  
                                    
                                        
                                          
                                         
                                               {TOPIC_TITLE}
                                          
                                          {L_VIEW_PREVIOUS_TOPIC} {L_VIEW_NEXT_TOPIC} {L_GOTO_DOWN}
                                       
                                    
                                  
                              
                              
                              
                                  {PAGINATION}
                              
                              
                              {POLL_DISPLAY}
                              
                                  {L_AUTHOR}
                                  {L_MESSAGE}
                              
                              
                              
                
                
                معلومات العضو
     

    /*Bebo awad*/

    .row1, .row2, .row3, td.row3Right, td.spaceRow {
    background-image : url(هنا صوره خلفيه منتداك);
    border: 1px groove #d5d5d5;
    }


    #page-body, .forumline {
    border:2px solid #EEE;
    width:98%;
    margin: 10px;
    padding: 3px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
    -moz-box-shadow: 0px 0px 5px #000;
    box-shadow: 0px 0px 5px #000;
    -webkit-box-shadow: 0px 0px 5px #000;
    -khtml-box-shadow: 0px 0px 5px #000;
    }


    table.forumline {

    background: #00CCFF url(هنا صوره الايطار);

    padding: 2px 4px 13px 2px;

    background-position: bottom;

    border: 1px dashed #0DB4FC;
    }

    /* By Bebo*/



    /*--------------الاية الكريمة ---------------*/
    form#quick_reply{
    background:url(http://i12.servimg.com/u/f12/14/62/10/11/uousuu11.gif) no-repeat right ;
    padding:30px 10px 10px 10px;
    background-position: top center;
    }
    /*----------------Ahmed M!Do
    ------------*/

    a:link
    {
    text-decoration: none;
    }

    a:visited
    {
    text-decoration: none;
    }

    a:active
    {
    text-decoration: none;
    }
    a:link {text-decoration: none;}
    a:hover{text-decoration: none !important;}
    a { text-decoration: none; }
    a:link { text-decoration: none; }
    a:hover { text-decoration: none; }
    a.gen:hover,a.genmed:hover,a.gensmall:hover { background-color: #d4d4d2; }
    a:hover{text-transform:uppercase;}


عدل سابقا من قبل mustafamax في الإثنين 21 أكتوبر 2013 - 9:49 عدل 1 مرات
mustafamax
mustafamax
 
 

ذكر
عدد المساهمات : 109
معدل النشاط : 4242
السُمعة : 4

http://mustafamax.forumarabia.com/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

ãÚáæãÉ رد: تعديل على كود CSS

مُساهمة من طرف Mr.YuGi الإثنين 21 أكتوبر 2013 - 9:00

السلام عليكم .. Cool

إذا ماذا تريد ؟ لا تريدها متلاصقة ولا متفرقة .؟ ما الذى تريد ..؟
Mr.YuGi
Mr.YuGi
 
 

ذكر
عدد المساهمات : 10715
معدل النشاط : 21288
السُمعة : 177

https://www.ahlamontada.com

الرجوع الى أعلى الصفحة اذهب الى الأسفل

ãÚáæãÉ رد: تعديل على كود CSS

مُساهمة من طرف mustafamax الإثنين 21 أكتوبر 2013 - 9:18

لا اخي اريدها متلاصقة لكن سبب التفريق هو الاكواد هذه فاريد التعديل على الاكواد ولا اريد حذف جميع الاكواد لان فيها اكواد مهمة فقط واذا ممكن استخراج الكود الذي يسبب تفريق الازرار
mustafamax
mustafamax
 
 

ذكر
عدد المساهمات : 109
معدل النشاط : 4242
السُمعة : 4

http://mustafamax.forumarabia.com/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

ãÚáæãÉ رد: تعديل على كود CSS

مُساهمة من طرف Mr.YuGi الإثنين 21 أكتوبر 2013 - 9:23

يا اخى الفاضل ..! الازرار اما تتلاصق اما تتفرق ؟ لا خيار ثالث ..؟
ولك انت مطلق الحرية فى تطبيق المظهرالاخير للامر .. Arrow
Mr.YuGi
Mr.YuGi
 
 

ذكر
عدد المساهمات : 10715
معدل النشاط : 21288
السُمعة : 177

https://www.ahlamontada.com

الرجوع الى أعلى الصفحة اذهب الى الأسفل

ãÚáæãÉ رد: تعديل على كود CSS

مُساهمة من طرف mustafamax الإثنين 21 أكتوبر 2013 - 9:31

اخي العزيز اعلم ذالك وانا اريدها متلاصقة لكن كما قلت لك الموجود في المشاركة مجموعة اكواد اذا حذفتها تتلاصق الازرار وهذا الذي اريده اوكي لكن يوجد في هذه الاكواد المحذوفة اكواد اريدها ان تبقى بدون حذف اي ممكن شخص خبير في الاكواد يخأخذ المجموعة تلك ويستخرج الكود الذي يسبب تفريق الازرار ولا اعتقد ان الخلل في كل المجموعة لابد ان يكون هناك كود يسبب هذا التفريق فالرجاء استخراجه وانا اؤكد اريد ازرار متلاصقة
mustafamax
mustafamax
 
 

ذكر
عدد المساهمات : 109
معدل النشاط : 4242
السُمعة : 4

http://mustafamax.forumarabia.com/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

ãÚáæãÉ رد: تعديل على كود CSS

مُساهمة من طرف stones الإثنين 21 أكتوبر 2013 - 9:39

مرحبا
عندي فكرة
وهي تعيد رفع الازرار بحجم اصغر
تحل مشكلتك اذا
اخترت الحجم المناسب
stones
stones
 
 

ذكر
عدد المساهمات : 7462
معدل النشاط : 16434
السُمعة : 414

http://stones.arab.st/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

ãÚáæãÉ رد: تعديل على كود CSS

مُساهمة من طرف Mr.YuGi الإثنين 21 أكتوبر 2013 - 9:45

mustafamax كتب:اخي العزيز اعلم ذالك وانا اريدها متلاصقة لكن كما قلت لك الموجود في المشاركة مجموعة اكواد اذا حذفتها تتلاصق الازرار وهذا الذي اريده اوكي لكن يوجد في هذه الاكواد المحذوفة اكواد اريدها ان تبقى بدون حذف اي ممكن شخص خبير في الاكواد يخأخذ المجموعة تلك ويستخرج الكود الذي يسبب تفريق الازرار ولا اعتقد ان الخلل في كل المجموعة لابد ان يكون هناك كود يسبب هذا التفريق فالرجاء استخراجه وانا اؤكد اريد ازرار متلاصقة
ادخل من فضلك الى
لوحة الادارة > مظهر المنتدى > الصور والالوان > الالوان > ورقة التصميم css > واحذف الاكواد كوداً .. تلو الاخر .. ومع كل مرة تحذف احدهم تراجع صفحة منتداك لرؤية تأثير اختفاء الكود .. إن لم يظهر كما تريد .. تعيد اضافةالكود .. وتحذف غيره .. وهكذا .. إلى حين ايجاد الكود المتسبب فى المشكلة .. Arrow
Mr.YuGi
Mr.YuGi
 
 

ذكر
عدد المساهمات : 10715
معدل النشاط : 21288
السُمعة : 177

https://www.ahlamontada.com

الرجوع الى أعلى الصفحة اذهب الى الأسفل

ãÚáæãÉ رد: تعديل على كود CSS

مُساهمة من طرف mustafamax الإثنين 21 أكتوبر 2013 - 9:48

شكرا لكم استخدمت هذه الطريقة بالفعل وهذا هو الكود المسبب للتفريق
الكود:
    .mainmenu  img {
            -webkit-transform:scale(0.9);
                -moz-transform:scale(0.9);
                -o-transform:scale(0.9);
                -webkit-transition-duration: 0.5s;
                -moz-transition-duration: 0.5s;
                -o-transition-duration: 0.5s;
                opacity: 0.9;
                margin: 0 10px 5px 0;
                }
            .mainmenu  img:hover {
                -webkit-transform:scale(1.1);
                -moz-transform:scale(1.1);
                -o-transform:scale(1.1);    box-shadow:0px 0px 30px gray;
                -webkit-box-shadow:0px 0px "AQUI EL TAMAرO EN PIXELES DEL SHADOW" px "AQUI COLOR HEXADECIMAL DE PREFERENCIA";
                -moz-box-shadow:0px 0px "AQUI EL TAMAرO EN PIXELES DEL SHADOW"px "AQUI COLOR HEXADECIMAL DE PREFERENCIA";
                opacity: 1;
                }
mustafamax
mustafamax
 
 

ذكر
عدد المساهمات : 109
معدل النشاط : 4242
السُمعة : 4

http://mustafamax.forumarabia.com/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

ãÚáæãÉ رد: تعديل على كود CSS

مُساهمة من طرف دمي كتب همي الإثنين 21 أكتوبر 2013 - 9:51

وعليكم السلام
احى ابحث فى الcss عن هذا
واحذفة
الكود:

         


            #fa_search {
            display: none !important;
            }

                .mainmenu  img {
                -webkit-transform:scale(0.9);
                    -moz-transform:scale(0.9);
                    -o-transform:scale(0.9);
                    -webkit-transition-duration: 0.5s;
                    -moz-transition-duration: 0.5s;
                    -o-transition-duration: 0.5s;
                    opacity: 0.9;
                    margin: 0 10px 5px 0;
                    }
                .mainmenu  img:hover {
                    -webkit-transform:scale(1.1);
                    -moz-transform:scale(1.1);
                    -o-transform:scale(1.1);    box-shadow:0px 0px 30px gray;
                    -webkit-box-shadow:0px 0px "AQUI EL TAMAرO EN PIXELES DEL SHADOW" px "AQUI COLOR HEXADECIMAL DE PREFERENCIA";
                    -moz-box-shadow:0px 0px "AQUI EL TAMAرO EN PIXELES DEL SHADOW"px "AQUI COLOR HEXADECIMAL DE PREFERENCIA";
                    opacity: 1;
                    }
بالتوفيق حبيبى
دمي كتب همي
دمي كتب همي
 
 

ذكر
عدد المساهمات : 6537
معدل النشاط : 11786
السُمعة : 174

http://www.pubarab.net/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

ãÚáæãÉ رد: تعديل على كود CSS

مُساهمة من طرف mustafamax الإثنين 21 أكتوبر 2013 - 9:54

شكرا لك تم الحل جزاك الله خير
mustafamax
mustafamax
 
 

ذكر
عدد المساهمات : 109
معدل النشاط : 4242
السُمعة : 4

http://mustafamax.forumarabia.com/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

الرجوع الى أعلى الصفحة

- مواضيع مماثلة

 
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى