To jest tylko wersja do druku, aby zobaczyć pełną wersję tematu, kliknij TUTAJ
phpBB2 by Przemo
Support forów phpBB2 modified by Przemo

Ogólna pomoc dotycząca stylów - Widok tematów

Xixe - 01-12-2013, 22:28
Temat postu: Widok tematów


Witam, oto moje pytania .

-Jak zrobić, aby te dwie kreski stały sie jedną przez całe forum. [na fotce nr 3 ]
-Po najechaniu myszką na którąś z nazw tematu tło zmienia sie na białe chciałbym to usunąć. [na fotce nr 1 ]
-Co zrobić, aby ścieżka do forum, gdzie aktualnie jesteśmy była w jednej linijce. [na fotce nr 2 ]

Ps: daje .css w załączniku ,lecz proszę o napisanie sposobu edycji :P

MaTTis - 01-12-2013, 22:37

2.elitarni_v1/viewforum_body.tpl

Znajdź:

Kod:
<div id='secondary_navigation' class='clearfix'>
                    <ol class='breadcrumb top ipsList_inline left' id='breadcrumb'>
                        <li itemscope itemtype="http://data-vocabulary.org/Breadcrumb" class='first'>
                        <a href='{U_INDEX}' itemprop="url">
                            <span itemprop="title">{L_INDEX}</span>
                        </a>
                        {NAV_CAT_DESC}                   
                    </ol>
                   
                   
                    <ul id='secondary_links' class='ipsList_inline right'>
                        <li><a href='#'><font color=red><b>Regulamin</b></font></a></li>
                        <!-- BEGIN switch_unread -->
                        <li><a href='{U_SEARCH_NEW}' >{L_SEARCH_NEW} [{COUNT_NEW_POSTS}]</a></li>
                        <!-- END switch_unread -->
                    </ul>

</div>


Zamień na:

Kod:
<div id="sitewrapper" align="center">
            <div id='secondary_nav'>
                    <ul id='breadcrumb' class='bread'>
                            <li>
                            <a href="{U_INDEX}" style="margin-left:50px;">{L_INDEX}</a></li>
                            <li>{NAV_CAT_DESC}</li>
                    </ul>
                </div>

<table width="100%" cellspacing="2" cellpadding="2" border="0" align="center">
    <tr>
        <td align="left" valign="middle" class="nav" width="100%"><span class="nav" style="color: #000;"><a href="{U_INDEX}" class="nav">{L_INDEX}</a>{NAV_CAT_DESC}</span><span class="nav"> - {FORUM_DESC}</span></td>
    </tr>
</table>


Wejdź:
elitarni_v1/elitarni_v1.css

Znajdź:

Kod:
/* Import the fancy styles for IE only (NS4.x doesn't use the @import function) */
@import url("formIE.css");


Dodaj przed:

Kod:
#sitewrapper {width:1050px; text-align:left; vertical-align:middle; margin:0 auto; padding:0; position:relative;}
* html div#sitewrapper {width:1050px;}
#secondary_nav {
    background: #1d1d1d url('images/secondary_nav_bg.png') repeat-x 0 0;
    border-bottom: 1px solid #252525;
    text-shadow: rgba(0,0,0,0.8) 0px -1px 0px;
    overflow: hidden;
    line-height: 37px;
}

#secondary_nav a {
        color: #d7d7d7;
    line-height: 37px;
    height: 37px;
}

#secondary_nav a:hover {
    color: #fff;
}

#breadcrumb {
    display: block !important;
}
    #breadcrumb li {
        float: left;
    }
.bread {
    float: left;
    width: 100%;
    margin-left: -34px;
    margin-top: 11px;
}

    .bread li {
        float: left;
        list-style: none;
    }

    .bread li:last-child {
        font-weight: bold;
    }

        .bread li a {
            background: transparent url(images/breadcrumb_li_a.png) no-repeat center right;
            padding: 8px 18px 9px 2px;
            color: #7d8a9e;
            text-decoration: none;
        }

        .bread li a:hover {
            background: transparent url(images/breadcrumb_li_a_hover.png) no-repeat center right;
            color: #fff;
        }

        .bread li a:active {
            background: transparent url(images/breadcrumb_li_a.png) no-repeat center right;
            color: #7d8a9e;
        }

        .bread li a img {
            position: relative;
            margin-top: -6px;
            opacity: 0.4;
        }

        .bread li a img:hover {
            opacity: 1;
        }

        .bread li a img:active {
            opacity: 0.4;
        }


Następnie dodaj dwa obrazki do elitarni_v1/images/
images/breadcrumb_li_a_hover.png
images/breadcrumb_li_a.png

PS.
Wejdź:

elitarni_v1/viewtopic_body.tpl

Znajdź:

Kod:
<div id='secondary_navigation' class='clearfix'>
                    <ol class='breadcrumb top ipsList_inline left' id='breadcrumb'>
                        <li itemscope itemtype="http://data-vocabulary.org/Breadcrumb" class='first'>
                        <a href='{U_INDEX}' itemprop="url">
                            <span itemprop="title">{L_INDEX}</span>
                        </a>
                        {NAV_CAT_DESC}                   
                    </ol>
                   
                   
                    <ul id='secondary_links' class='ipsList_inline right'>
                        <li><a href='#'><b>Regulamin Forum</b></a></li>
                        <!-- BEGIN switch_unread -->
                        <li><a href='{U_SEARCH_NEW}' >{L_SEARCH_NEW} [{COUNT_NEW_POSTS}]</a></li>
                        <!-- END switch_unread -->
                    </ul>

</div>



Zamień na:

Kod:
<div id="sitewrapper" align="center">
            <div id='secondary_nav'>
                    <ul id='breadcrumb' class='bread'>
                            <li>
                            <a href="{U_INDEX}" style="margin-left:50px;">{L_INDEX}</a></li>
                            <li>{NAV_CAT_DESC}</li>
                    </ul>
                </div>

Xixe - 01-12-2013, 22:54

masz może te obrazki <3
MaTTis - 01-12-2013, 23:10

łap
Xixe - 01-12-2013, 23:24

Mam jeszcze mały błąd, może wiesz dlaczego,gdy kliknę a tym pasku np. Strona główna... to wchodzi prawidłowo na stronę główną, ale ten pasek z nasza pozycją na forum psuje się tak jak na początku ?

[ Dodano: 02-12-2013, 15:11 ]
Jeszcze ten problem z tłem tematów może dało by się zmienić to tło szare na takie jak mam na stronie głównej (troszkę ciemniejsze i tematy oddzielone belkami) strona to www.fraghouse.xaa.pl



Powered by phpBB modified by Przemo © 2003 phpBB Group