Forum gratuit: forum de suport al utilizatorilor
Doriți să reacționați la acest mesaj? Creați un cont în câteva clickuri sau conectați-vă pentru a continua.
Forum gratuit: forum de suport al utilizatorilor

Forum gratuit: ajutor și asistență pentru utilizatorii Forumgratuit. Creează și administrează un forum performant. Descoperă funcţionalităţile, tutorialele și ponturile de pe Forumul de suport!

Chenarul de la Vizualizari prea ingust

Forum gratuit: forum de suport al utilizatorilor ::  Forum de suport :: Administreaza prezentarea forumului :: Arhiva probleme privind designul forumurilor

Vezi subiectul anterior Vezi subiectul urmator In jos

Rezolvat Chenarul de la Vizualizari prea ingust

Mesaj Scris de SASAN. Mar Apr 17, 2012 10:42 pm

Stie cineva cum pot face chenarul mai larg la Vizualizari?
Chenarul de la Vizualizari prea ingust Di-25NG

Css:
Cod:
        li.row {border-bottom:1px solid #b7b7b7;}

a{
 text-decoration: none !important;
}
a:hover{
 text-decoration: none !important;
}

        li.row {
        border-bottom-color: #f8f8f8;
        background: url('http://i88.servimg.com/u/f88/14/28/28/25/111.png');
        background-repeat: repeat-x;
        background-color: #f4f4f4;}

        li.row:hover {
        background: url('http://i88.servimg.com/u/f88/14/28/28/25/211.png');
        background-repeat: repeat-x;
        background-color: #ffffff;}





        .postprofile a img{ opacity=0.4;
        filters.alpha.opacity=40;  }
     
        .postprofile a img:hover { opacity=1.0;
        filters.alpha.opacity=100;  }






        .buttons a img {
        filter:alpha(opacity=100);
        -moz-opacity: 1.0;
        opacity: 0.5;}

        .buttons a img:hover {
        filter:alpha(opacity=100);
        -moz-opacity: 0.85;
        opacity: 1.0;
     
        }

        .postprofile a img{
        opacity: 0.5;
        filter: alpha(opacity=50);
        transition: opacity 2s;
        -moz-transition: opacity 2s;
        -webkit-transition: opacity 2s;
        -o-transition: opacity 2s;
        }

        .postprofile a img:hover{
        opacity: 1.0;
        filter: alpha(opacity=100);
        }


        .forumbg, .forabg{
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
        }

        .postprofile{
        background: #00000;
        border : 0px solid #EEE;
        -moz-border-radius : 0px;
        -webkit-border-radius : 7px;
        border-radius : 7px;
        -moz-box-shadow : 0 0 2px #2D2D2D;
        -webkit-box-shadow : 3 3 3px #2D2D2D;
        box-shadow : 0 0 5px #2D2D2D;}
        .postbody{

        background: #ffff;
        border : 0px solid #EEE;
        -moz-border-radius : 0px;
        -webkit-border-radius : 7px;
        border-radius : 7px;
        -moz-box-shadow : 0 0 2px #2D2D2D;
        -webkit-box-shadow : 3 3 3px #2D2D2D;
        box-shadow : 0 0 5px #2D2D2D;}





        .postprofile{
          margin: 3px;
        background: #BDDEFC;
        width : auto;
        border : 0px solid #EEE;
        -moz-border-radius : 0px;
        -webkit-border-radius : 7px;
        border-radius : 7px;
        -moz-box-shadow : 0 0 0px #666;
        -webkit-box-shadow : 0 0 0px #666;
        box-shadow : 0 0 5px #2D2D2D;}



        .postbody{

        background: #ffff;
        border : 0px solid #EEE;
        -moz-border-radius : 0px;
        -webkit-border-radius : 7px;
        border-radius : 7px;
        -moz-box-shadow : 0 0 2px #2D2D2D;
        -webkit-box-shadow : 3 3 3px #2D2D2D;
        box-shadow : 0 0 5px #2D2D2D;}







        li.row {border-bottom:1px solid #b7b7b7;}

        ul.forums dd.lastpost {
        vertical-align: middle;
        margin-top: 7px;
        width: 30%;}

        ul.topiclist dd.dterm, ul.topiclist dt {
        width: 48% !important;
        margin-left: 10px;}

        .dterm {
        display: inline !important;}

        ul.forums dd {
        border: none !important;}

        ul.topiclist li.header dl dd {
        display: none;}



















        div#page-header div.navbar {
          background: transparent;
        }



        /*INCEPUT SEXY DROP DOWN MENU PHPBB3 BY SANKEZ---------------------------------------*/
        .headerbar {
        background: url(http://i42.servimg.com/u/f42/15/42/26/78/header23.png);
        position: absolute;
        top: 0px;
        box-shadow: 0px 2px 8px #d7d7d7;
        width: 100%;
        left: -5px;
        height: 165px;
        }
        ul.navlinks {border-bottom: 0px solid white;}

        #wrap {margin-top: 143px;}

        #page-header .navbar img{display: none;}

        #page-header .navbar a{color: white;padding: 5px;position: relative; left: 20px;text-shadow: 1px 1px 1px #000000;}


        #search-box {display: none;}

        #page-header .navbar {
        font: 10px normal Arial, Helvetica, sans-serif;
        width: 100%;
        left: -5px;
        position: absolute;
        top: 121px;
        background: none;
        }

        /*SFARSIT SEXY DROP DOWN MENU PHPBB3 BY SANKEZ---------------------------------------*/


        #logo {
        background-position: right;
        -moz-transition-duration: 1s;
        -webkit-transition-duration: 1s;
        -o-transition-duration: 1s;
        }

        #logo:hover {
        -moz-transform: translate(60px);
        margin-left: 220px;
        }





        a.mainmenu{
        position: relative !important;
          top: 7px;}


        .navlinks a:hover {
        padding: 2px;
        background: #0E6EBD;
        color: #0C64E9;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        border: 1px solid #06599D;}









        ul.topiclist dfn {
            display: inline;
        }

        dd.posts, dd.topics, dd.views{
        font-weight: bold;
        color : #00a8ff
        }

        dd.lastpost {
        font-weight: bold;
        color : #00a8ff;
        }






 

        ul#picture_legend {display: none !important;}


        a[href="/u1"] strong {
        background: url(http://cdn2.iconfinder.com/data/icons/fugue/icon/crown.png) left no-repeat;
        padding-left: 17px;}


        a[href="/u3"] strong {
        background: url(http://cdn2.iconfinder.com/data/icons/fugue/icon/crown.png) left no-repeat;
        padding-left: 17px;}

        a[href="/u"] strong {
        background: url(http://cdn3.iconfinder.com/data/icons/fugue/icon/crown-silver.png) left no-repeat;
        padding-left: 17px;}




.views{
margin: 3px;
width : auto;
border : 0px solid #EEE;
-moz-border-radius : 0px;
-webkit-border-radius : 7px;
border-radius : 7px;
-moz-box-shadow : 0 0 0px #666;
-webkit-box-shadow : 0 0 0px #666;
box-shadow : 0 0 1px #666;}


.lastpost{
margin: 3px;
width : auto;
border : 0px solid #EEE;
-moz-border-radius : 0px;
-webkit-border-radius : 7px;
border-radius : 7px;
-moz-box-shadow : 0 0 0px #666;
-webkit-box-shadow : 0 0 0px #666;
box-shadow : 0 0 1px #666;}

.topics{
margin: 3px;
width : auto;
border : 0px solid #EEE;
-moz-border-radius : 0px;
-webkit-border-radius : 7px;
border-radius : 7px;
-moz-box-shadow : 0 0 0px #666;
-webkit-box-shadow : 0 0 0px #666;
box-shadow : 0 0 1px #666;}

.posts{
margin: 3px;
width : auto;
border : 0px solid #EEE;
-moz-border-radius : 0px;
-webkit-border-radius : 7px;
border-radius : 7px;
-moz-box-shadow : 0 0 0px #666;
-webkit-box-shadow : 0 0 0px #666;
box-shadow : 0 0 1px #666;}



/*CURSOR*/
body{cursor: url(http://i.imgur.com/0MjwB.png), progress;}

.linklist {
display:none !important;}

.right, .rightside {
display:none !important;}


Ultima editare efectuata de catre SASAN. in Joi Apr 19, 2012 1:13 pm, editata de 1 ori
SASAN.

SASAN.
Membru activ

Mesaje : 601
Varsta : 30
Localizare : Bucuresti
Data înscrierii : 08/10/2011
Mulțumiri : 0
Internet Explorer phpBB3

http://www.gamefactor.forum.st
SASAN. a fost mulțumit de autorul acestui subiect.

Rezolvat Re: Chenarul de la Vizualizari prea ingust

Mesaj Scris de Keir Mar Apr 17, 2012 10:50 pm

Înlocuiţi codul actual cu:

Cod:
            li.row {border-bottom:1px solid #b7b7b7;}

    a{
    text-decoration: none !important;
    }
    a:hover{
    text-decoration: none !important;
    }

            li.row {
            border-bottom-color: #f8f8f8;
            background: url('http://i88.servimg.com/u/f88/14/28/28/25/111.png');
            background-repeat: repeat-x;
            background-color: #f4f4f4;}

            li.row:hover {
            background: url('http://i88.servimg.com/u/f88/14/28/28/25/211.png');
            background-repeat: repeat-x;
            background-color: #ffffff;}





            .postprofile a img{ opacity=0.4;
            filters.alpha.opacity=40;  }
       
            .postprofile a img:hover { opacity=1.0;
            filters.alpha.opacity=100;  }






            .buttons a img {
            filter:alpha(opacity=100);
            -moz-opacity: 1.0;
            opacity: 0.5;}

            .buttons a img:hover {
            filter:alpha(opacity=100);
            -moz-opacity: 0.85;
            opacity: 1.0;
       
            }

            .postprofile a img{
            opacity: 0.5;
            filter: alpha(opacity=50);
            transition: opacity 2s;
            -moz-transition: opacity 2s;
            -webkit-transition: opacity 2s;
            -o-transition: opacity 2s;
            }

            .postprofile a img:hover{
            opacity: 1.0;
            filter: alpha(opacity=100);
            }


            .forumbg, .forabg{
            -webkit-border-radius: 10px;
            -moz-border-radius: 10px;
            border-radius: 10px;
            }

            .postprofile{
            background: #00000;
            border : 0px solid #EEE;
            -moz-border-radius : 0px;
            -webkit-border-radius : 7px;
            border-radius : 7px;
            -moz-box-shadow : 0 0 2px #2D2D2D;
            -webkit-box-shadow : 3 3 3px #2D2D2D;
            box-shadow : 0 0 5px #2D2D2D;}
            .postbody{

            background: #ffff;
            border : 0px solid #EEE;
            -moz-border-radius : 0px;
            -webkit-border-radius : 7px;
            border-radius : 7px;
            -moz-box-shadow : 0 0 2px #2D2D2D;
            -webkit-box-shadow : 3 3 3px #2D2D2D;
            box-shadow : 0 0 5px #2D2D2D;}





            .postprofile{
              margin: 3px;
            background: #BDDEFC;
            width : auto;
            border : 0px solid #EEE;
            -moz-border-radius : 0px;
            -webkit-border-radius : 7px;
            border-radius : 7px;
            -moz-box-shadow : 0 0 0px #666;
            -webkit-box-shadow : 0 0 0px #666;
            box-shadow : 0 0 5px #2D2D2D;}



            .postbody{

            background: #ffff;
            border : 0px solid #EEE;
            -moz-border-radius : 0px;
            -webkit-border-radius : 7px;
            border-radius : 7px;
            -moz-box-shadow : 0 0 2px #2D2D2D;
            -webkit-box-shadow : 3 3 3px #2D2D2D;
            box-shadow : 0 0 5px #2D2D2D;}







            li.row {border-bottom:1px solid #b7b7b7;}

            ul.forums dd.lastpost {
            vertical-align: middle;
            margin-top: 7px;
            width: 30%;}

            ul.topiclist dd.dterm, ul.topiclist dt {
            width: 48% !important;
            margin-left: 10px;}

            .dterm {
            display: inline !important;}

            ul.forums dd {
            border: none !important;}

            ul.topiclist li.header dl dd {
            display: none;}



















            div#page-header div.navbar {
              background: transparent;
            }



            /*INCEPUT SEXY DROP DOWN MENU PHPBB3 BY SANKEZ---------------------------------------*/
            .headerbar {
            background: url(http://i42.servimg.com/u/f42/15/42/26/78/header23.png);
            position: absolute;
            top: 0px;
            box-shadow: 0px 2px 8px #d7d7d7;
            width: 100%;
            left: -5px;
            height: 165px;
            }
            ul.navlinks {border-bottom: 0px solid white;}

            #wrap {margin-top: 143px;}

            #page-header .navbar img{display: none;}

            #page-header .navbar a{color: white;padding: 5px;position: relative; left: 20px;text-shadow: 1px 1px 1px #000000;}


            #search-box {display: none;}

            #page-header .navbar {
            font: 10px normal Arial, Helvetica, sans-serif;
            width: 100%;
            left: -5px;
            position: absolute;
            top: 121px;
            background: none;
            }

            /*SFARSIT SEXY DROP DOWN MENU PHPBB3 BY SANKEZ---------------------------------------*/


            #logo {
            background-position: right;
            -moz-transition-duration: 1s;
            -webkit-transition-duration: 1s;
            -o-transition-duration: 1s;
            }

            #logo:hover {
            -moz-transform: translate(60px);
            margin-left: 220px;
            }





            a.mainmenu{
            position: relative !important;
              top: 7px;}


            .navlinks a:hover {
            padding: 2px;
            background: #0E6EBD;
            color: #0C64E9;
            -webkit-border-radius: 3px;
            -moz-border-radius: 3px;
            border-radius: 3px;
            border: 1px solid #06599D;}









            ul.topiclist dfn {
                display: inline;
            }

            dd.posts, dd.topics, dd.views{
            font-weight: bold;
            color : #00a8ff
            }

            dd.lastpost {
            font-weight: bold;
            color : #00a8ff;
            }






   

            ul#picture_legend {display: none !important;}


            a[href="/u1"] strong {
            background: url(http://cdn2.iconfinder.com/data/icons/fugue/icon/crown.png) left no-repeat;
            padding-left: 17px;}


            a[href="/u3"] strong {
            background: url(http://cdn2.iconfinder.com/data/icons/fugue/icon/crown.png) left no-repeat;
            padding-left: 17px;}

            a[href="/u"] strong {
            background: url(http://cdn3.iconfinder.com/data/icons/fugue/icon/crown-silver.png) left no-repeat;
            padding-left: 17px;}




    .views{
    margin: 3px;
    width : auto;
    padding: 2px;
    border : 0px solid #EEE;
    -moz-border-radius : 0px;
    -webkit-border-radius : 7px;
    border-radius : 7px;
    -moz-box-shadow : 0 0 0px #666;
    -webkit-box-shadow : 0 0 0px #666;
    box-shadow : 0 0 1px #666;}


    .lastpost{
    margin: 3px;
    width : auto;
    border : 0px solid #EEE;
    -moz-border-radius : 0px;
    -webkit-border-radius : 7px;
    border-radius : 7px;
    -moz-box-shadow : 0 0 0px #666;
    -webkit-box-shadow : 0 0 0px #666;
    box-shadow : 0 0 1px #666;}

    .topics{
    margin: 3px;
    width : auto;
    border : 0px solid #EEE;
    -moz-border-radius : 0px;
    -webkit-border-radius : 7px;
    border-radius : 7px;
    -moz-box-shadow : 0 0 0px #666;
    -webkit-box-shadow : 0 0 0px #666;
    box-shadow : 0 0 1px #666;}

    .posts{
    margin: 3px;
    width : auto;
    border : 0px solid #EEE;
    -moz-border-radius : 0px;
    -webkit-border-radius : 7px;
    border-radius : 7px;
    -moz-box-shadow : 0 0 0px #666;
    -webkit-box-shadow : 0 0 0px #666;
    box-shadow : 0 0 1px #666;}



    /*CURSOR*/
    body{cursor: url(http://i.imgur.com/0MjwB.png), progress;}

    .linklist {
    display:none !important;}

    .right, .rightside {
    display:none !important;}

Pentru a putea modifica efectul, aveţi acest cod:

Cod:
.views{
    margin: 3px;
    width : auto;
    padding: 2px;
    border : 0px solid #EEE;
    -moz-border-radius : 0px;
    -webkit-border-radius : 7px;
    border-radius : 7px;
    -moz-box-shadow : 0 0 0px #666;
    -webkit-box-shadow : 0 0 0px #666;
    box-shadow : 0 0 1px #666;}

Unde modificaţi "padding: 2px;". A face cu ochiul
Keir

Keir
Membru onorific
Membru onorific

Mesaje : 6632
Varsta : 26
Localizare : Buzau
Data înscrierii : 28/12/2011
Mulțumiri : 68
Internet Explorer phpBB3

http://neotalk.wikiforum.ro/
Keir a fost mulțumit de autorul acestui subiect.

Rezolvat Re: Chenarul de la Vizualizari prea ingust

Mesaj Scris de SASAN. Mar Apr 17, 2012 10:57 pm

Tot asa se vede Keir...
SASAN.

SASAN.
Membru activ

Mesaje : 601
Varsta : 30
Localizare : Bucuresti
Data înscrierii : 08/10/2011
Mulțumiri : 0
Internet Explorer phpBB3

http://www.gamefactor.forum.st
SASAN. a fost mulțumit de autorul acestui subiect.

Rezolvat Re: Chenarul de la Vizualizari prea ingust

Mesaj Scris de Keir Mar Apr 17, 2012 11:00 pm

Aveţi grijă că aţi adăugat o valoare prea mare. 40 de px este mult rpea mult, încercaţi doar 4 sau 3. A face cu ochiul

Modificaţi codul din CSS cu acesta:

Cod:
    .views{
        margin: 3px;
        width : auto;
        padding: 4px !important;
        border : 0px solid #EEE;
        -moz-border-radius : 0px;
        -webkit-border-radius : 7px;
        border-radius : 7px;
        -moz-box-shadow : 0 0 0px #666;
        -webkit-box-shadow : 0 0 0px #666;
        box-shadow : 0 0 1px #666;}
Keir

Keir
Membru onorific
Membru onorific

Mesaje : 6632
Varsta : 26
Localizare : Buzau
Data înscrierii : 28/12/2011
Mulțumiri : 68
Internet Explorer phpBB3

http://neotalk.wikiforum.ro/
Keir a fost mulțumit de autorul acestui subiect.

Rezolvat Re: Chenarul de la Vizualizari prea ingust

Mesaj Scris de SASAN. Mar Apr 17, 2012 11:04 pm

Am adaugat codul trimis de tine;degeaba..
Poti sa verifici!

EDIT!

Am rezolvat.
SASAN.

SASAN.
Membru activ

Mesaje : 601
Varsta : 30
Localizare : Bucuresti
Data înscrierii : 08/10/2011
Mulțumiri : 0
Internet Explorer phpBB3

http://www.gamefactor.forum.st
SASAN. a fost mulțumit de autorul acestui subiect.

Rezolvat Re: Chenarul de la Vizualizari prea ingust

Mesaj Scris de Lycan Joi Apr 19, 2012 6:32 pm

topic rezolvat
avatar

Lycan
Membru onorific
Membru onorific

Mesaje : 3146
Localizare : Karaibe
Data înscrierii : 21/10/2011
Mulțumiri : 0
Internet Explorer punBB

http://netuts.forumz.ro
Lycan a fost mulțumit de autorul acestui subiect.

Vezi subiectul anterior Vezi subiectul urmator Sus

- Subiecte similare

Forum gratuit: forum de suport al utilizatorilor ::  Forum de suport :: Administreaza prezentarea forumului :: Arhiva probleme privind designul forumurilor

Permisiunile acestui forum:
Nu puteti raspunde la subiectele acestui forum