Skocz do zawartości
  • 0
BoskiHenio

Problem z ustawieniem skinu

Pytanie

Tak jak w temacie, a mianowicie mam problem: Po wgraniu skinu na moją wersje forum Cielo 3.4.x chcialbym zmienic ustawienie " paseczka " w którym widac nick, awatar, ustawienia oraz wyszukiwarkę- niestety nie wiem gdzie moge tego dokonac.
Chcialbym rowniez zapytac gdzie zmienic ikonke działu która zostala automatycznie wgrana przy zainstalowaniu skinu.

SS:
http://screenshu.com...6/vd/pxb6wy.jpg

Dodaje kod css ( prosze by ktos pomogl mi z nim by ta tabelka logowania itp byla na górze ) :


.width{
    width: 73%;
    min-width: 990px;
    margin: 0 auto;
}

/* Floating user bar // Remove the code below for a fixed bar */

#userBarWrapper{
    position: fixed;
    width: 100%;
    bottom: 20px;
    z-index: 9998;
    left: 0;
}

.ipsHeaderMenu{
    top: auto !important;
    bottom: 57px;
    -moz-border-radius: 6px 6px 0 0 !important;
    -webkit-border-bottom-right-radius: 0px !important;
    -webkit-border-bottom-left-radius: 0px !important;
    -webkit-border-top-left-radius: 6px;
    -webkit-border-top-right-radius: 6px;
    border-radius: 6px 6px 0 0 !important;
}

/************************************************************************/
/* BACKGROUNDS */
/************************************************************************/

#branding_halo {
    background: url({style_images_url}/_custom/branding_halo.png) no-repeat top left;
    min-height: 10px;
    margin: 0;
    padding: 0;
}

#branding_left {
    background: url({style_images_url}/_custom/branding_left.png) repeat-y top left;
    min-height: 80px;
    margin: 0;
    padding: 0;
}

#branding_right {
    background: url({style_images_url}/_custom/branding_right.png) repeat-y top right;
    min-height: 80px;
    margin: 0;
    padding: 0;
}

#bg-area {
    background: transparent repeat-x top center;
    margin: 0 auto;
}

.topshadow {
    background: transparent url({style_images_url}/_custom/topshadow.png) repeat-x top left;
    height: 16px;
}

/************************************************************************/
/* FOOTER */
/************************************************************************/

.downthere {
    background: #d0d9e0 url({style_images_url}/_custom/bg-downthere.png) repeat-x top left;
    margin: 0 auto;
    padding: 20px 0 70px;
    text-shadow: 1px 1px 1px rgba(255,255,255,0.4);
    font-size: 12px;
}

.downthere a {
    text-decoration: none;
}

.downthere .sep {
    background: url({style_images_url}/_custom/sep-footer.png) repeat-x top left;
    height: 2px;
}

.downthere .stats {
    margin: 5px 30px 10px 0;
    padding: 0 30px 0 0;
    background: transparent;
    float: left;
    width: 19%;
}

    .downthere .stats h2 {
        padding: 0 0 8px 0 !important;
        margin: 0 !important;
        font-weight: normal;
        font-family: Arial;
        font-size: 1.4em;
        color: #000;
    }

    .downthere .stats h3 {
        padding: 0 !important;
        margin: 0 !important;
        color: #3d3d3d;
        font-weight: normal;
        font-size: 1.1em;
    }

    .downthere .stats ul.useful li {
        float: left;
        display: block;
        width: 100%;
        padding: 0 0 5px 0;
    }

    .list {
        padding: 0;
    }

        .list a {
            text-decoration: none;
        }

        .list dl, .list dt, .list dd {
            display: inline;
            overflow: hidden;
            line-height: 150%;
        }

        .list dt, .list dd {
            float: left;
            width: 48%;
        }

        .list dd {
            color: #626262;
            float: right;
            text-align: right;
        }

        .list li {
            display: block;
        }

            .list li a {
                display: block;
                border-bottom: 1px solid rgba(0,0,0,0.1);
                border-top: 1px solid rgba(255,255,255,0.5);
                padding: 5px 0;
            }

                .list li:first-child a {
                    border-top: 0;
                }

                .list li:last-child a {
                    border-bottom: 0;
                }

                .list li a:hover {
                    color: #000;
                }

                .list li a:active {
                    color: #626262;
                }

/************************************************************************/
/* FOOTER BAR */
/************************************************************************/

#usernav-container {
    background: transparent;
    min-height: 34px;
    margin-top: 2px;
}

#usernav-wrapper {
    *max-width: 650px;
    *max-height: 50px;
    float: left;
    position: relative;
}

#footer_wrap {
    position: fixed;
    bottom: 20px;
    height: 34px;
    background: transparent;
    text-align: left;
}

#footer {
    position: relative;
    z-index: 10000;
    background: transparent;
    text-align: left;
    color: #616b71;
}

#footer-bar {
    background: transparent url({style_images_url}/_custom/transwhite.png); /* Fallback */
    background: rgba(255,255,255,0.95);
    border: 1px solid #b7b7b7;
    margin: 0 auto;
    z-index: 10000;
    font-size: 1em;
    text-align: left;
    color: #373737;
    min-width: 990px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    box-shadow: 0 1px 10px rgba(0,0,0,0.2);
    -moz-box-shadow: 0 1px 10px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0 1px 10px rgba(0,0,0,0.2);
    height: 34px;
}

    #footer a {
        color: #373737;
        padding: 0 6px;
        text-decoration: none;    
    }

        #footer a:hover {
            color: #000;
            text-decoration: none;
        }

/************************************************************************/
/* WELCOME MESSAGE */
/************************************************************************/

.welcome {
        padding: 0 0 15px;
        margin: 0 auto 15px;
        text-align: left;
    border-bottom: 1px solid rgba(0,0,0,0.1);
}

    .welcome h3 {
        font-size: 4em;
        font-weight: normal;
        font-family: "Lobster", 'Corben', arial, serif;
        line-height: 100%;
        color: #000;
        text-shadow: 1px 1px 1px #fff;
        text-transform: lowercase;
        padding: 0 0 10px 0;
    }

    .welcome h4 {
        font-size: 2em;
        font-weight: normal !important;
        font-family: Arial;
        line-height: 115%;
        color: rgba(0,0,0,0.6);
        padding: 0 0 15px 0;
    }

    .welcome p {
        font-family: Arial;
        font-size: 1.3em;
        font-weight: normal;
        color: rgba(0,0,0,0.6);
        text-shadow: 1px 1px 1px #fff;
        line-height: 170%;
        width: 95%;
    }

.welcome .icon {
    float: right;
    display: inline;
    position: relative;
    margin-top: 0px;
}

.welcome .txt {
    float: left;
    display: inline;
    width: 70%;
    margin-top: 30px;
}

    .welcome .txt .buts {
        margin: 15px 0 0 0;
        font-size: 1.3em;
    }

.hideit {
    float: right;
    display: inline;
    font-weight: normal;
    text-shadoe: -1px -1px 0 #000;
    font-size: 0.7em;
    position: relative;
    margin-top: 0;
    margin-right: 0;
}

    .hideit a {
        background-color: rgba(0,0,0,0.05);
        background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0.1)), to(transparent)); /* Saf-Chrome */
        background-image: -moz-linear-gradient(top, rgba(255,255,255,0.1) 0%, transparent 100%); /* FF */
        background-image: linear-gradient(top, rgba(255,255,255,0.1), transparent);
        padding: 3px 8px;
        color: rgba(0,0,0,0.7);
        text-shadow: 1px 1px 1px rgba(255,255,255,0.5);
        text-decoration: none !important;
        border-radius: 3px 3px 0 0;
        -moz-border-radius: 3px 3px 0 0;
        -webkit-border-top-left-radius: 3px;
        -webkit-border-top-right-radius: 3px;
    }

        .hideit a:hover {
            background-color: rgba(0,0,0,0.15);
            color: #000;
        }

        .hideit a:active {
            background-color: rgba(0,0,0,0.1);
            box-shadow: inset 0 1px 3px rgba(0,0,0,0.2);
            -webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,0.2);
            -moz-box-shadow: inset 0 1px 3px rgba(0,0,0,0.2);
            color: rgba(0,0,0,0.5);
        }

        .hideit img {
            position: relative;
            margin-top: -1px;
        }

/************************************************************************/
/* SWITCH BACKGROUND */
/************************************************************************/

#switch_wrap {
    position: fixed;
    bottom: 20px;
    left: 20px;
    height: 60px;
    width: 60px;
    background: transparent;
    text-align: left;
}

.switch {
    height: 60px;
    width: 60px;
    z-index: 10000;
    font-size: 1em;
    text-align: left;
}

    .switch img {
        opacity: 1;
        -webkit-transition: all 250ms ease;
        -moz-transition: all 250ms ease;
        -o-transition: all 250ms ease;
        transition: all 250ms ease;
    }

        .switch img:hover {
            opacity: 0.8;
        }

        .switch img:active {
            opacity: 0.5;
        }
        
/************************************************************************/
/* BACKGROUND SWITCHER */
/************************************************************************/

.select_background {
    display: inline-block;
}

    .select_background img {
        margin: 6px 0 4px 4px;
        width: 76px;
        -webkit-transition: all 250ms ease;
        -moz-transition: all 250ms ease;
        -o-transition: all 250ms ease;
        transition: all 250ms ease;
        border: 1px solid #ccc; background: #fff;
        padding: 2px;
        -webkit-box-shadow: rgba(0,0,0,0.08) 0px 1px 3px;
        -moz-box-shadow: rgba(0,0,0,0.08) 0px 1px 3px;
        box-shadow: rgba(0,0,0,0.08) 0px 1px 3px;
    }

        .select_background:hover img {
            opacity: 0.7;
        }

        .select_background:active img {
            opacity: 0.5;
        }

/************************************************************************/
/* SUPER UBER DUPER FEATURES */
/************************************************************************/

/* No Flickering */
[data-dropdown] ul, [data-box], [data-dombox], [data-store], [data-domballoon], [data-balloon] { display: none;}

/* IE Fixes */
.msie-7 ul.breadcrumb li, .msie-8 ul.breadcrumb li { margin: 0; }
.msie-7 ul.breadcrumb li a, .msie-8 ul.breadcrumb li a { padding: 2px 10px 3px 10px; }
.msie-7 .sb-avatar-frame img, .msie-8 .sb-avatar-frame img { filter: alpha(opacity=100); }

.active[data-target-style] { font-weight: bold !important; }

/* Background */
#background, #background-above {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -10;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center 0px;
}

#background-above {
    z-index: -5;
}

/* Dropdown Menu */
[data-dropdown] { position: relative; }
[data-dropdown=right] ul { right: 0px; }

/* Submenu */
[data-dropdown] ul {
    background: rgb(255,255,255); /* Fallback */
    background: rgba(255,255,255,0.95);
    box-shadow: 0 4px 8px rgba(0,0,0,0.25);
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,0.25);
    -moz-box-shadow: 0 4px 8px rgba(0,0,0,0.25);
    border: 1px solid #707070;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    font-size: 0.95em !important;
    width: 200px;
    position: absolute;
    z-index: 10000;
    margin: 0;
    padding: 0 !important;
}

    [data-dropdown] ul li {
        margin: 0 !important;
        padding: 0 !important;
        display: block !important;
        float: none !important;
        text-align: left !important;
        text-transform: none !important;
        border-bottom: 1px solid rgba(0,0,0,0.08);
    }

        [data-dropdown] ul li a {
            background: transparent !important;
            border-radius: 4px !important;
            -moz-border-radius: 4px !important;
            -webkit-border-radius: 4px !important;
            box-shadow: none !important;
            -webkit-box-shadow: none !important;
            -moz-box-shadow: none !important;
            margin: 0 !important;
            padding: 2px 4px !important;
            color: #4e4e4e !important;
            text-shadow: none !important;
            border: 0 !important;
            display: block !important;
            float: none !important;
            text-align: left !important;
        }

        [data-dropdown] ul li a img {
            position: relative;
            margin-top: 1px;
            margin-right: 2px;
            opacity: 0.3;
            filter: Alpha(opacity=30);
        }

            [data-dropdown] ul li a:hover {
                background: #f6f6f6 !important;
                color: #000 !important;
                border: 0 !important;
            }

            [data-dropdown] ul li a:hover img {
                opacity: 0.8;
                filter: Alpha(opacity=80);
            }

            [data-dropdown] ul li a:active {
                background: #f0f0f0 !important;
                border: 0 !important;
                color: #4e4e4e !important;
            }

.sb-dropdown_arrow {
    position: relative;
    margin-top: 4px;
    margin-left: 1px;
}

/* Background Picker */
#background-picker { display: none; }
[data-layer] { display: none; }
 
[data-layer=background-switcher] {
    z-index: 10000;
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    text-align: center;
}
 
[data-layer=background-switcher] > div {
    position: absolute;
    bottom: 50px;
    text-align: center;
    width: 100%;
}

/************************************************************************/
/* BRANDING - PLEASE DO NOT REMOVE */
/************************************************************************/

.branding_skin {    
    padding: 8px;
    text-align: left;
    clear: both;
    overflow: hidden;
}

    .branding_skin a {
        color: #000;
        text-decoration: none;
    }

    .branding_skin a:hover {
        color: #000;
        text-decoration: underline;
    }

.branding_logo {
    float: right;
    opacity: 0.7;
}

    .branding_logo:hover {
        opacity: 1;
    }

    .branding_logo:active {
        opacity: 0.7;
    }

/* Background picker */

#nav_backgrounds {
    position: fixed;
    bottom: 8px;
    left: 8px;
    z-index: 9999;
}

@media all and (max-width: 1082px) {
  #nav_backgrounds{
    bottom: 40px !important;
  }
}

#bgpicker_popup {
    top: auto !important;
    left: 10px !important;
    bottom: 80px !important;
    position: fixed !important;
}

/* Customize Index */

.customizeIndex{ float: right; padding: 7px 10px 0 5px; }

.customizeIndex a:hover{ opacity: 0.7; }

.f_table {
    display: table;
    width: 100%;
}

.f_icon {
    width: 48px;
    padding: 10px;
    padding-right: 3px;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
}

.f_name {
    width: 55%;
    display: table-cell;
    vertical-align: middle;
    padding: 10px;
}

.f_name h4{
    font-size: 18px;
    font-family: Lato, Arial, Helvetica, sans-serif;
}

.f_stats {
    width:15%;
    padding: 10px;
    padding-right:15px;
    display:table-cell;
    vertical-align:middle;
    white-space:nowrap;
    line-height: 18px;
}

.f_stats li { text-align:right; }

.f_latest {
    width:30%;
    padding: 10px;
    display:table-cell;
    vertical-align:middle;
    line-height: 18px;
}

.view-forums-classic .f_icon,
.view-forums-classic .f_icon img{
    width: 32px;
}

.view-forums-classic .f_row{
    background: #f8f8f8 url("{style_images_url}/highlight_strong.png") repeat-x 0 0;
    border: 1px solid #ededed;
    border-bottom: 1px solid #d5d5d5;
    box-shadow: 0 1px 1px rgba(0,0,0,0.05), inset #fff 0px 1px 0px;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.05), inset #fff 0px 1px 0px;
    -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.05), inset #fff 0px 1px 0px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    margin-bottom: 5px;
}

.view-forums-grid .f_icon,
.view-forums-grid .f_icon img{
    width: 48px;
}

.view-forums-grid .f_row{
    float: left;
    width: 49%;
    height: 120px;
}

.view-forums-grid .f_name{ width: 99%; }
.view-forums-grid .f_name h4{ font-size: 22px; font-weight: 300 !important; }

.view-forums-grid #categories .forum_desc{ padding-top: 12px; line-height: 160%; }

.view-forums-grid #categories .forum_desc,
.view-forums-grid #categories .subforums{ font-size: 15px; font-family: Lato, Arial, Helvetica, sans-serif; }

.view-forums-grid #categories .maintitle,
.view-forums-grid .f_stats,
.view-forums-grid .f_latest{
    display: none;
}

Udostępnij ten post


Link to postu
Udostępnij na innych stronach

7 odpowiedzi na to pytanie

Polecane posty

  • 0

Domyślnie ten paseczek ma klasę

#header_bar { ... }

jeśli chodzi o ikonę to znajdziesz ją w /public/style_images/x/

gdzie x to katalog z obrazkami do twojego skinu

Udostępnij ten post


Link to postu
Udostępnij na innych stronach
  • 0

Nie wiem, ze screenu i kodu który podałeś nie jestem w stanie powiedzieć, która klasa za to odpowiada. Musiałbym zobaczyć forum na żywo

Udostępnij ten post


Link to postu
Udostępnij na innych stronach
  • 0

nie wydaje mi sie abys podal caly css wiec trudno cokolwiek wywnioskowac, ogolnie nie lubie bawic sie we wrozke

 

wiec mozesz podac adres do forum jesli nie chcesz tu to na PW i wtedy mozna cos sprawdzic i podpowiedziec

Udostępnij ten post


Link to postu
Udostępnij na innych stronach
  • 0

a wiec ta belka z wyszukiwarka u Ciebie ma taka klase:

#user_bar {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.95);
    border: 1px solid #B7B7B7;
    border-radius: 4px 4px 4px 4px;
    box-shadow: 0 1px 10px rgba(0, 0, 0, 0.2);
    color: #373737;
}

Udostępnij ten post


Link to postu
Udostępnij na innych stronach
  • 0

Standardowo to się nazywa "user_bar", "header_bar".. Jeśli potrzebujesz pomocy, to link/konto testowe do forum/na forum i pomogę. Pozdrawiam 

Udostępnij ten post


Link to postu
Udostępnij na innych stronach
Gość
Temat jest zablokowany i nie można w nim pisać.

  • Kto przegląda   0 użytkowników

    Brak zalogowanych użytkowników przeglądających tę stronę.

×

Ważne informacje

Kontynuując przeglądanie strony, wyrażasz zgodę na używanie przez nas plików cookies.