zmiana pozycji przycisków forum ,portal ,szukaj itd.

**tasakamana** · 19.05.2013, 16:16

wersja skryptu MyBB:1.6.10
adres forum:http://www.dragonsprophet.xaa.pl/index.php
na czym polega problem (screen, opis, komunikaty, nazwa stylu/theme/szablonu): Witam chciałbym zmienić pozycje przycisków zaznaczonych na zdjęciu w wybrane miejsce.

**GiboneKPL** · 19.05.2013, 16:17

Pokaż header i index

**tasakamana** · (Ten post był ostatnio modyfikowany: 19.05.2013, 16:24 przez tasakamana.)

INDEX:

<html>

<head>

<title>{$mybb->settings['bbname']}</title>

{$headerinclude}

<script type="text/javascript">

<!--

    lang.no_new_posts = "{$lang->no_new_posts}";

    lang.click_mark_read = "{$lang->click_mark_read}";

// -->

</script>

</head>

<body>

{$header}

<a class="buttons" style="float: right;"></a>

<a class="clickedbuttons" style="float: right;"></a>

<br class="clear" />

<div class="sidebar" style="float: right;width: 19%;">

<table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder">

<tr>

<td class="thead"><strong>

Media

</strong></td>

</tr>

<tr>

<td class="trow1">

<Center>

<a href="https://www.facebook.com/pages/Dragons-Prophet-Polska/167692656725431"><img src="images/facebook.jpg" alt="FaceBook" title="Funpage Dragons Prophet" /></a>

<a href="http://www.youtube.com/user/tasakamana"><img src="images/youtube.jpg" alt="YouTube" title="YouTube Dragons Prophet" /></a>

</center>

Polub naszego 

Funpage

 i zasubskrybuj nasz kanał na 

Youtube

 już dzisiaj.

</td>

</tr>

<tr>

<td class="thead"><strong>

TeamSpeak

</strong></td>

</tr>

<tr>

<td class="trow1">

<center>

<a href="ts3server://ts.tsworld.pl?channel=293.Dragon's%20Prophet%20Polska"><img src="/images/ts3_logo.png" alt="TeamSpeak" title="TeamSpeak Dragons Prophet" /></a>

<center>

Kliknij ikone wyżej aby wejść na naszego TS'a

</td>

</tr>

<tr>

<td class="thead"><strong>

Przydatne linki

</strong></td>

</tr>

<tr>

<td class="trow1">

<a href="https://www.dragonspropheteurope.com/en/"> 

<font color="blacK">Strona Dragon's Prophet</font></a>

<br>

<a href="https://www.dragonspropheteurope.com/en/register"> 

<font color="black">Rejestracja</font></a>

<br>

<a href="http://www.dragonspropheteurope.com/en/community/guilds/create"> 

<font color="black">Stworzenie gildi</font></a>

<br>

<a href="http://www.dragonspropheteurope.com/en/community/guilds/join"> 

<font color="black">Dołączenie do gildi</font></a>

</td>

</tr>

{$recenttopics}

</table>

</div>

<div class="forums" style="float: left;width: 80%;">

{$forums}

</div>

<br class="clear" />

{$dvz_shoutbox}

{$boardstats}

<dl class="forum_legend smalltext">

    <dt><img src="{$theme['imgdir']}/on.gif" alt="{$lang->new_posts}" title="{$lang->new_posts}" style="vertical-align: middle; padding-bottom: 4px;" /></dt>

    <dd>{$lang->new_posts}</dd>

    <dt><img src="{$theme['imgdir']}/off.gif" alt="{$lang->no_new_posts}" title="{$lang->no_new_posts}" style="vertical-align: middle; padding-bottom: 4px;" /></dt>

    <dd>{$lang->no_new_posts}</dd>

    <dt><img src="{$theme['imgdir']}/offlock.gif" alt="{$lang->forum_locked}" title="{$lang->forum_locked}" style="vertical-align: middle;" /></dt>

    <dd>{$lang->forum_locked}</dd>

</dl>

<br style="clear: both" />

{$footer}

</body>

</html>

HEADER:

<div class="wrap">{$welcomeblock}</div>

<div class="header"><span id="logo"><a href="{$mybb->settings['bburl']}/index.php"><img src="{$theme['logo']}" alt="{$mybb->settings['bbname']}" title="{$mybb->settings['bbname']}" /></a></span>

<span class="menu">

                <ul>

                                        <li><a href="{$mybb->settings['bburl']}/portal.php" alt="" title="" />Portal</a></li>

                                        <li><a href="{$mybb->settings['bburl']}/index.php" alt="" title="" />Forum</a></li>

                    <li><a href="{$mybb->settings['bburl']}/search.php" alt="" title="" />{$lang->toplinks_search}</a></li>

                    <li><a href="{$mybb->settings['bburl']}/memberlist.php" alt="" title="" />{$lang->toplinks_memberlist}</a></li>

                    <li><a href="{$mybb->settings['bburl']}/calendar.php" alt="" title="" />{$lang->toplinks_calendar}</a></li>

                    <li><a href="{$mybb->settings['bburl']}/misc.php?action=help" alt="" title="" />{$lang->toplinks_help}</a></li>

                </ul>

            </span>

</div>    

<div id="container">

        <a name="top" id="top"></a>

            <hr class="hidden" />

        <hr class="hidden" />

        <br class="clear" />

        <div id="content">

            {$pm_notice}

            {$bannedwarning}

            {$bbclosedwarning}

            {$unreadreports}

            {$pending_joinrequests}

            <navigation>

            <br />

**dorman** · (Ten post był ostatnio modyfikowany: 19.05.2013, 16:25 przez dorman.)

Zamień swój szablon header na ten:

<div class="wrap">{$welcomeblock}</div>

 <div class="header"><span id="logo"><a href="{$mybb->settings['bburl']}/index.php"><img src="{$theme['logo']}" alt="{$mybb->settings['bbname']}" title="{$mybb->settings['bbname']}" /></a></span>

 </div> 

 <div id="container">

 <a name="top" id="top"></a>

 <hr class="hidden" />

 <br class="clear" />

 <div id="content">

<span class="menu">

 <ul>

 <li><a href="{$mybb->settings['bburl']}/portal.php" alt="" title="" />Portal</a></li>

 <li><a href="{$mybb->settings['bburl']}/index.php" alt="" title="" />Forum</a></li>

 <li><a href="{$mybb->settings['bburl']}/search.php" alt="" title="" />{$lang->toplinks_search}</a></li>

 <li><a href="{$mybb->settings['bburl']}/memberlist.php" alt="" title="" />{$lang->toplinks_memberlist}</a></li>

 <li><a href="{$mybb->settings['bburl']}/calendar.php" alt="" title="" />{$lang->toplinks_calendar}</a></li>

 <li><a href="{$mybb->settings['bburl']}/misc.php?action=help" alt="" title="" />{$lang->toplinks_help}</a></li>

 </ul>

 </span>

 {$pm_notice}

 {$bannedwarning}

 {$bbclosedwarning}

 {$unreadreports}

 {$pending_joinrequests}

 <navigation>

 <br />

**GiboneKPL** · 19.05.2013, 16:26

Spróbuj tak:
Index

<html>

<head>

<title>{$mybb->settings['bbname']}</title>

{$headerinclude}

<script type="text/javascript">

<!--

    lang.no_new_posts = "{$lang->no_new_posts}";

    lang.click_mark_read = "{$lang->click_mark_read}";

// -->

</script>

</head>

<body>

{$header}

<span class="menu">

                <ul>

                                        <li><a href="{$mybb->settings['bburl']}/portal.php" alt="" title="" />Portal</a></li>

                                        <li><a href="{$mybb->settings['bburl']}/index.php" alt="" title="" />Forum</a></li>

                    <li><a href="{$mybb->settings['bburl']}/search.php" alt="" title="" />{$lang->toplinks_search}</a></li>

                    <li><a href="{$mybb->settings['bburl']}/memberlist.php" alt="" title="" />{$lang->toplinks_memberlist}</a></li>

                    <li><a href="{$mybb->settings['bburl']}/calendar.php" alt="" title="" />{$lang->toplinks_calendar}</a></li>

                    <li><a href="{$mybb->settings['bburl']}/misc.php?action=help" alt="" title="" />{$lang->toplinks_help}</a></li>

                </ul>

            </span>

<a class="buttons" style="float: right;"></a>

<a class="clickedbuttons" style="float: right;"></a>

<br class="clear" />

<div class="sidebar" style="float: right;width: 19%;">

<table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder">

<tr>

<td class="thead"><strong>

Media

</strong></td>

</tr>

<tr>

<td class="trow1">

<Center>

<a href="https://www.facebook.com/pages/Dragons-Prophet-Polska/167692656725431"><img src="images/facebook.jpg" alt="FaceBook" title="Funpage Dragons Prophet" /></a>

<a href="http://www.youtube.com/user/tasakamana"><img src="images/youtube.jpg" alt="YouTube" title="YouTube Dragons Prophet" /></a>

</center>

Polub naszego 

Funpage

i zasubskrybuj nasz kanał na 

Youtube

już dzisiaj.

</td>

</tr>

<tr>

<td class="thead"><strong>

TeamSpeak

</strong></td>

</tr>

<tr>

<td class="trow1">

<center>

<a href="ts3server://ts.tsworld.pl?channel=293.Dragon's%20Prophet%20Pol​ska"><img src="/images/ts3_logo.png" alt="TeamSpeak" title="TeamSpeak Dragons Prophet" /></a>

<center>

Kliknij ikone wyżej aby wejść na naszego TS'a

</td>

</tr>

<tr>

<td class="thead"><strong>

Przydatne linki

</strong></td>

</tr>

<tr>

<td class="trow1">

<a href="https://www.dragonspropheteurope.com/en/"> 

<font color="blacK">Strona Dragon's Prophet</font></a>

<br>

<a href="https://www.dragonspropheteurope.com/en/register"> 

<font color="black">Rejestracja</font></a>

<br>

<a href="http://www.dragonspropheteurope.com/en/community/guilds/create"> 

<font color="black">Stworzenie gildi</font></a>

<br>

<a href="http://www.dragonspropheteurope.com/en/community/guilds/join"> 

<font color="black">Dołączenie do gildi</font></a>

</td>

</tr>

{$recenttopics}

</table>

</div>

<div class="forums" style="float: left;width: 80%;">

{$forums}

</div>

<br class="clear" />

{$dvz_shoutbox}

{$boardstats}

<dl class="forum_legend smalltext">

    <dt><img src="{$theme['imgdir']}/on.gif" alt="{$lang->new_posts}" title="{$lang->new_posts}" style="vertical-align: middle; padding-bottom: 4px;" /></dt>

    <dd>{$lang->new_posts}</dd>

    <dt><img src="{$theme['imgdir']}/off.gif" alt="{$lang->no_new_posts}" title="{$lang->no_new_posts}" style="vertical-align: middle; padding-bottom: 4px;" /></dt>

    <dd>{$lang->no_new_posts}</dd>

    <dt><img src="{$theme['imgdir']}/offlock.gif" alt="{$lang->forum_locked}" title="{$lang->forum_locked}" style="vertical-align: middle;" /></dt>

    <dd>{$lang->forum_locked}</dd>

</dl>

<br style="clear: both" />

{$footer}

</body>

</html>

Header

<div class="wrap">{$welcomeblock}</div>

<div class="header"><span id="logo"><a href="{$mybb->settings['bburl']}/index.php"><img src="{$theme['logo']}" alt="{$mybb->settings['bbname']}" title="{$mybb->settings['bbname']}" /></a></span>

</div>    

<div id="container">

        <a name="top" id="top"></a>

            <hr class="hidden" />

        <hr class="hidden" />

        <br class="clear" />

        <div id="content">

            {$pm_notice}

            {$bannedwarning}

            {$bbclosedwarning}

            {$unreadreports}

            {$pending_joinrequests}

            <navigation>

            <br />

**tasakamana** · (Ten post był ostatnio modyfikowany: 19.05.2013, 16:31 przez tasakamana.)

działa tylko są problemy. zapraszam na forum aby zobaczyć jakie bo za dużo pisania

Dorman dał to w jednym kodzie więc jego użyje ale po zobaczeniu 1 i 2 to tak samo wygląda.

**GiboneKPL** · 19.05.2013, 16:29

Dokładniej jakie to że jest z prawej strony?
Pokaż twoją klasę menu (global.css -> tryb zaawansowany)

**tasakamana** · 19.05.2013, 16:33

cały global.css bo nie mogłem znaleść menu ( coś ctrl +f mi nie działa)

.tablehead {

 padding: 5px 10px; background: black url(images/verque/the.jpg) repeat-x; border: solid 1px #333333; border-radius: 5px 5px 0 0; font: 16px Arial, sans-serif; color: #FFF;

}

.tablehead .right {

 float: right; margin: 0; padding-top: 1px; font-size:  13px;

}

.tablehead a {

 color: #FFF !important; text-decoration: none;

}

#shoutbox_data {

 font: 13px Arial, sans-serif;

}

#shoutbox {

 margin-bottom: 5px;

}

#shoutbox .panel {

 padding: 2px;

}

#shoutbox .panel-blocked {

 margin: 1px 0; padding: 5px; background: #FCEFEF; font-size: 11px; color: #543A3A;

}

#shoutbox .panel-away {

 margin: 1px 0; padding: 5px;  background: #EDEDED; font-size: 11px; color: #7A7A7A;

}

#shoutbox .panel-away button {

 margin-right: 5px; padding: 5px; font-family: Tahoma, sans-serif; color: #FFF; font-size: 11px; font-weight: bold; text-align: center; text-shadow: 0 -1px 0 #297318; border-radius: 5px; background: #962725; border: none; border-radius: 3px;

}

#shoutbox .trow1 {

 background-color: #FFF;

}

#shoutbox .panel-minposts {

 margin: 1px 0; padding: 5px; background: #FFFED8; font-size: 11px; color: #727250;

}

img#dvz_sb_loading {

 position: relative; top: 3px; left: 5px;

}

input#shout_text {

 margin-right: 2px; padding: 5px 6px 6px 6px; width: 90%; background: #FFF; border: 1px solid #898989; border-radius: 2px; font-family: Tahoma, sans-serif; font-size: 12px; color: #000;

}

input#shout_button {

 padding: 5px; font-family: Tahoma, sans-serif; color: #FFF; font-size: 11px; font-weight: bold; text-align: center; text-shadow: 0 0px 0 #297318; border-radius: 5px; background: #333333; border: solid 1px #333333; border-radius: 3px;

}

#shoutbox .trow1 {

 background-color: #FFF;

}

#shoutbox .trow2 {

 background-color: #FAFAFA;

}

.sbentry {

 padding: 0;

}

#shoutbox .userdata {

 margin: 0; padding: 6px; float: left;  text-align: right;

}

#shoutbox .text {

 margin: 0; padding: 6px; color: #333333;

}

#shoutbox .insUser {

 cursor: pointer; color: #AAAAAA;

}

#shoutbox .info {

 float: right; margin-top: 5px; margin-right: 5px; font-size: 11px; color: #888888;

}

#shoutbox .info .date {

 margin-right: 5px;

}

#shoutbox .info .ip {

 margin-right: 5px; color: #CECECE;

}

#shoutbox .mod {

 padding: 2px 5px; background: #333333; border-radius: 3px; font-size: 10px; font-weight: bold; color: #FFF; text-decoration: none;

}

#shoutbox .dvz_sb_del {

 background-color: #6B0100;

}

#shoutbox img.avatar {

 float: left; display: inline-block; margin-top: -1px; margin-right: 5px; max-height: 16px; max-width: 16px; border: solid 1px #FFF; box-shadow: 0 0 2px #E0E0E0;

}

@import url(http://fonts.googleapis.com/css?family=Electrolize);

body {

    background: #efefef url(images/verque/bgg.png);

    color: #000;

    font-family: 'Electrolize', sans-serif;

    font-size: 13px;

    text-align: center; /* IE 5 fix */

    line-height: 1.4;

}

#logo {

    background: url(images/verque/lbg.png) top left repeat-x;

    width: 430px;

    border: 0px solid #2f2f2f;

    margin: auto auto;

    padding: 20px;

        float: left;

        opacity: 0.8;

    text-align: left;

    height: 90px;

        margin-top: -10px;

}

#logo:hover {

       opacity: 1.0;

}

.header {

   width: 960px;

   margin: auto auto;

   vertical-align: middle;

   height: 90px;

   padding-bottom: 50px;

}

a:link, a:visited {

color: rgb(107, 107, 107);

-moz-transition: color .3s;

        -o-transition: color .3s;

        -webkit-transition: color .3s;

text-decoration: none;

}

a:hover, a:active {

color: #292929;

text-decoration: none;

}

#container {

    width: 960px;

    background: #F1F1F1 url(images/verque/bgt.jpg) top left repeat-x;

    border: 1px solid #e4e4e4;

    color: #000000;

    margin: auto auto;

    padding: 20px;

        font-family: 'Electrolize', sans-serif;

    text-align: left; /* IE 5 fix */

}

#content {

    /* FIX: Make internet explorer wrap correctly */

    width: auto !important;

}

.menu ul {

    color: #cacaca;

    font-weight: bold;

        font-family: 'Electrolize', sans-serif;

    text-align: right;

        margin: auto auto;

        padding-top: 60px;

}

.menu ul a:link, .menu ul a:visited {

    color: #ccc;

    text-decoration: none;

        padding: 5px;

         background: none;

}

.menu ul a:hover, .menu ul a:active {

    color: #cacaca;

        background: #27518E url(images/verque/thead.png);

    text-decoration: none;

        padding: 5px;

        border-radius: 3px;

    -moz-border-radius: 3px;

    -webkit-border-radius: 3px;

}

#panel {

    background: #292929 url(images/verque/panel.png) top left repeat-x;

        margin: auto auto;

        vertical-align: middle;

        width: 990px;

    color: #cacaca;

        margin-top: -10px;

    font-size: 14px;

    padding: 10px;

        font-family: 'Electrolize', sans-serif;

}

#panel .remember_me input {

    vertical-align: middle;

    margin-top: -1px;

}

#panel a:link, #panel a:visited {

    color: #ccc;

        font-size: 14px;

         padding: 5px;

         margin-right: 5px;

}

#panel a:hover, #panel a:active {

    color: #cacaca;

        background: #27518E url(images/verque/thead.png);

    text-decoration: none;

        padding: 5px;

        border-radius: 3px;

    -moz-border-radius: 3px;

    -webkit-border-radius: 3px;

}

table {

    color: #000000;

    font-family: Verdana, Arial, Sans-Serif;

    font-size: 13px;

}

.tborder {

    background: none;

    width: 100%;

    margin: auto auto;

    border: none;

}

.thead {

    background: #026CB1 url(images/verque/the.jpg) top left repeat-x;

    color: #ffffff;

        font-family: 'Electrolize', sans-serif;

}

.thead a:link {

    color: #ffffff;

    text-decoration: none;

}

.thead a:visited {

    color: #ffffff;

    text-decoration: none;

}

.thead a:hover, .thead a:active {

    color: #ffffff;

    text-decoration: none;

}

.tcat {

    background: #EDEFF1 url(images/verque/t.png) top left repeat-x;

    color: #000000;

    font-size: 12px;

        font-family: 'Electrolize', sans-serif;

}

.tcat a:link {

    color: #000000;

}

.tcat a:visited {

    color: #000000;

}

.tcat a:hover, .tcat a:active {

    color: #000000;

}

.trow1 {

    background: #f5f5f5;

}

.trow2 {

    background: #EFEFEF;

}

.trow_shaded {

    background: #ffdde0;

}

.trow_selected td {

    background: #FFFBD9;

}

.trow_sep {

    background: #e5e5e5;

    color: #000;

    font-size: 12px;

    font-weight: bold;

}

.tfoot {

    background: #026CB1 url(images/verque/the.jpg) top left repeat-x;

    color: #ffffff;

        font-family: 'Electrolize', sans-serif;

}

.tfoot a:link {

    color: #ffffff;

    text-decoration: none;

}

.tfoot a:visited {

    color: #ffffff;

    text-decoration: none;

}

.tfoot a:hover, .tfoot a:active {

    color: #ffffff;

    text-decoration: none;

}

.bottommenu {

    background: none;

    color: #fff;

    border: none;

    padding: 10px;

        width: 960px;

        font-size: 13px;

        font-family: 'Electrolize', sans-serif;

        vertical-align: middle;

        margin: auto auto;

}

.bottommenu a:link, .bottommenu a:visited {

    color: #ccc;

        font-size: 13px;

}

.bottommenu a:hover, .bottommenu a:active {

    color: #cacaca;

}

.navigation {

        width: 950px;

        height: 25px;

        margin: auto auto;

        vertical-align: middle;

        padding-top: 5px;

        padding-left: 10px;

        background: #292929 url(images/verque/panel.png) top left repeat-x;

    color: #cacaca;

    font-size: 13px;

        font-family: 'Electrolize', sans-serif;

}

.navigation a:link {

    text-decoration: none;

        color: #cacaca;

}

.navigation a:visited {

    text-decoration: none;

        color: #cacaca;

}

.navigation a:hover, .navigation a:active {

    text-decoration: none;

        color: #ccc;

}

.navigation .active {

    color: #ccc;

    font-size: 13px;

    font-weight: bold;

}

.smalltext {

    font-size: 11px;

}

.largetext {

    font-size: 16px;

    font-weight: bold;

}

input.textbox, select, input[type="text"] {

    background: none repeat scroll 0 0 #f7f7f7;

    border: 2px solid #C0C0C0;

    border-radius: 2px 2px 2px 2px !important;

    color: #000000;

    margin: 0;

    padding: 3px;

}

textarea {

    background: #f7f7f7;

    color: #000000;

    border: 2px solid #C0C0C0;

    padding: 3px;

    font-family: Verdana, Arial, Sans-Serif;

    line-height: 1.4;

    font-size: 13px;

}

select {

background: #f7f7f7;

border: 2px solid #C0C0C0;

}

input.textbox:focus, select:focus, textarea:focus {

outline: none;

}

.editor {

background: #f1f1f1;

border: 1px solid #ccc;

}

.editor_control_bar {

background: #fff;

border: 1px solid #00548d;

}

.autocomplete {

    background: #fff;

    border: 1px solid #000;

    color: black;

}

.autocomplete_selected {

    background: #adcee7;

    color: #000;

}

.popup_menu {

    background: #ccc;

    border: 1px solid #000;

}

.popup_menu .popup_item {

    background: #fff;

    color: #000;

}

.popup_menu .popup_item:hover {

    background: #C7DBEE;

    color: #000;

}

.trow_reputation_positive {

    background: #ccffcc;

}

.trow_reputation_negative {

    background: #ffcccc;

}

.reputation_positive {

    color: green;

}

.reputation_neutral {

    color: #444;

}

.reputation_negative {

    color: red;

}

.invalid_field {

    border: 1px solid #f30;

    color: #f30;

}

.valid_field {

    border: 1px solid #0c0;

}

.validation_error {

    background: url(images/invalid.gif) no-repeat center left;

    color: #f30;

    margin: 5px 0;

    padding: 5px;

    font-weight: bold;

    font-size: 11px;

    padding-left: 22px;

}

.validation_success {

    background: url(images/valid.gif) no-repeat center left;

    color: #00b200;

    margin: 5px 0;

    padding: 5px;

    font-weight: bold;

    font-size: 11px;

    padding-left: 22px;

}

.validation_loading {

    background: url(images/verque/spinner.gif)no-repeat;;

    text-indent: -9999px;

        height: 32px;

        position: fixed;

        right: 20px;

        top: 60px;

        width: 32px;

        z-index: 9999;

}

#loading {

    background: url(images/verque/spinner.gif)no-repeat;;

    text-indent: -9999px;

        height: 32px;

        position: fixed;

        right: 20px;

        top: 60px;

        width: 32px;

        z-index: 9999;

}

/* Additional CSS (Master) */

img {

    border: none;

}

.clear {

    clear: both;

}

.hidden {

    display: none;

    float: none;

    width: 1%;

}

.hiddenrow {

    display: none;

}

.selectall {

    background-color: #FFFBD9;

    font-weight: bold;

    text-align: center;

}

.float_left {

    float: left;

}

.float_right {

    float: right;

}

.menu ul {

    list-style: none;

    margin: 0;

}

.menu li {

    display: inline;

    padding-left: 5px;

}

.menu img {

    padding-right: 5px;

    vertical-align: top;

}

#panel .links {

    margin: 0;

    float: right;

}

.expcolimage {

    float: right;

    width: auto;

    vertical-align: middle;

    margin-top: 3px;

}

img.attachment {

    border: 1px solid #E9E5D7;

    padding: 2px;

}

hr {

    background-color: #000000;

    color: #000000;

    height: 1px;

    border: 0px;

}

#copyright {

        color: #ccc;

    font: 11px Verdana, Arial, Sans-Serif;

    margin: 0;

    padding: 10px 0 0 0;

}

#debug {

    float: right;

    text-align: right;

    margin-top: 0;

}

blockquote {

    border: 1px solid #ccc;

    margin: 0;

    background: #fff;

    padding: 4px;

}

blockquote cite {

    font-weight: bold;

    border-bottom: 1px solid #ccc;

    font-style: normal;

    display: block;

    margin: 4px 0;

}

blockquote cite span {

    float: right;

    font-weight: normal;

}

blockquote cite span.highlight {

    float: none;

    font-weight: bold;

    padding-bottom: 0;

}

.codeblock {

    background: #fff;

    border: 1px solid #ccc;

    padding: 4px;

}

.codeblock .title {

    border-bottom: 1px solid #ccc;

    font-weight: bold;

    margin: 4px 0;

}

.codeblock code {

    overflow: auto;

    height: auto;

    max-height: 200px;

    display: block;

    font-family: Monaco, Consolas, Courier, monospace;

    font-size: 13px;

}

.subforumicon {

    border: 0;

    vertical-align: middle;

}

.separator {

    margin: 5px;

    padding: 0;

    height: 0px;

    font-size: 1px;

    list-style-type: none;

}

form {

    margin: 0;

    padding: 0;

}

.popup_menu .popup_item_container {

    margin: 1px;

    text-align: left;

}

.popup_menu .popup_item {

    display: block;

    padding: 3px;

    text-decoration: none;

    white-space: nowrap;

}

.popup_menu a.popup_item:hover {

    text-decoration: none;

}

.autocomplete {

    text-align: left;

}

.subject_new {

    font-weight: bold;

}

.highlight {

    background: #FFFFCC;

    padding-top: 3px;

    padding-bottom: 3px;

}

.pm_alert {

    background: #FFF6BF;

    border: 1px solid #FFD324;

    text-align: center;

    padding: 5px 20px;

    margin-bottom: 15px;

    font-size: 11px;

}

.red_alert {

    background: #FBE3E4;

    border: 1px solid #A5161A;

    color: #A5161A;

    text-align: center;

    padding: 5px 20px;

    margin-bottom: 15px;

    font-size: 11px;

}

.high_warning {

    color: #CC0000;

}

.moderate_warning {

    color: #F3611B;

}

.low_warning {

    color: #AE5700;

}

div.error {

    padding: 5px 10px;

    border-top: 2px solid #FFD324;

    border-bottom: 2px solid #FFD324;

    background: #FFF6BF;

    font-size: 12px;

}

div.error p {

    margin: 0;

    color: #000;

    font-weight: normal;

}

div.error p em {

    font-style: normal;

    font-weight: bold;

    padding-left: 24px;

    display: block;

    color: #C00;

    background: url(images/error.gif) no-repeat 0;

}

div.error ul {

    margin-left: 24px;

}

.online {

    color: #15A018;

}

.offline {

    color: #C7C7C7;

}

.pagination {

    font-size: 11px;

    padding-top: 10px;

    margin-bottom: 5px;

}

.tfoot .pagination, .tcat .pagination {

    padding-top: 0;

}

.pagination .pages {

    font-weight: bold;

}

.pagination .pagination_current, .pagination a {

    padding: 2px 6px;

    margin-bottom: 3px;

}

.pagination a {

    border: 1px solid #81A2C4;

}

.pagination .pagination_current {

    background: #F5F5F5;

    border: 1px solid #81A2C4;

    font-weight: bold;

    color: #000;

}

.pagination a:hover {

    background: #F5F5F5;

    text-decoration: none;

}

.thread_legend, .thread_legend dd {

    margin: 0;

    padding: 0;

}

.thread_legend dd {

    padding-bottom: 4px;

    margin-right: 15px;

}

.thread_legend img {

    margin-right: 4px;

    vertical-align: bottom;

}

.forum_legend, .forum_legend dt, .forum_legend dd {

    margin: 0;

    padding: 0;

}

.forum_legend dd {

    float: left;

    margin-right: 10px;

}

.forum_legend dt {

    margin-right: 10px;

    float: left;

}

.success_message {

    color: #00b200;

    font-weight: bold;

    font-size: 10px;

    margin-bottom: 10px;

}

.error_message {

    color: #C00;

    font-weight: bold;

    font-size: 10px;

    margin-bottom: 10px;

}

.post_body {

    padding: 5px;

}

.post_content {

    padding: 5px 10px;

}

.quick_jump {

    background: url(images/jump.gif) no-repeat 0;

    width: 13px;

    height: 13px;

    padding-left: 13px; /* amount of padding needed for image to fully show */

    vertical-align: middle;

    border: none;

}

.repbox {

    font-size:16px;

    font-weight: bold;

    padding:5px 7px 5px 7px;

}

._neutral {

    background-color:#FAFAFA;

    color: #999999;

    border:1px solid #CCCCCC;

}

._minus {

    background-color: #FDD2D1;

    color: #CB0200;

    border:1px solid #980201;

}

._plus {

    background-color:#E8FCDC;

    color: #008800;

    border:1px solid #008800;

}

.pagination_breadcrumb {

    background-color: #f5f5f5;

    border: 1px solid #fff;

    outline: 1px solid #ccc;

    padding: 5px;

    margin-top: 5px;

    font-weight: normal;

        font-family: 'Electrolize', sans-serif;

    white-space: nowrap;

}

.pagination_breadcrumb_link {

    vertical-align: middle;

    cursor: pointer;

}

.lastposter {

   color: #FFFFFF;

   border: 1px solid #000000;

}

.favimg {

border: 1px solid #000000;

**GiboneKPL** · 19.05.2013, 16:43

Naprawdę? Na samym początku prawie:

.menu ul {

    color: #cacaca;

    font-weight: bold;

        font-family: 'Electrolize', sans-serif;

    text-align: right;

        margin: auto auto;

        padding-top: 60px;

}

.menu ul a:link, .menu ul a:visited {

    color: #ccc;

    text-decoration: none;

        padding: 5px;

         background: none;

}

.menu ul a:hover, .menu ul a:active {

    color: #cacaca;

        background: #27518E url(images/verque/thead.png);

    text-decoration: none;

        padding: 5px;

        border-radius: 3px;

    -moz-border-radius: 3px;

    -webkit-border-radius: 3px;

}

Zamień na:

.menu ul {

    color: #cacaca;

    font-weight: bold;

        font-family: 'Electrolize', sans-serif;

    text-align: left;

        margin: auto auto;

}

.menu ul a:link, .menu ul a:visited {

    color: #ccc;

    text-decoration: none;

        padding: 5px;

         background: none;

}

.menu ul a:hover, .menu ul a:active {

    color: #cacaca;

        background: #27518E url(images/verque/thead.png);

    text-decoration: none;

        padding: 5px;

        border-radius: 3px;

    -moz-border-radius: 3px;

    -webkit-border-radius: 3px;

}

**tasakamana** · (Ten post był ostatnio modyfikowany: 19.05.2013, 16:59 przez tasakamana.)

teraz już lepiej tylko tak z 10px z dołu dodać jeszcze, tak żeby wyglądało to jak całość.

**GiboneKPL** · 19.05.2013, 16:50

Zamień:

.menu ul {

    color: #cacaca;

    font-weight: bold;

        font-family: 'Electrolize', sans-serif;

    text-align: left;

        margin: auto auto;

}

na

.menu ul {

    color: #cacaca;

    font-weight: bold;

        font-family: 'Electrolize', sans-serif;

    text-align: left;

        margin: auto auto;

       padding-bottom: 10px;

}

Ps. Zapraszam do tej lekturki

**SLAVOO** · (Ten post był ostatnio modyfikowany: 19.05.2013, 17:02 przez SLAVOO.)

Dopisz na końcu global.css :

.menu {

text-align: center;

}

A w menu ul to nie działa:
text-align: left;
margin: auto auto;

**tasakamana** · (Ten post był ostatnio modyfikowany: 19.05.2013, 17:57 przez tasakamana.)

Chciałbym dodać jeszcze tło ( za przyciskami) jakiś obrazek albo kolor

**GiboneKPL** · 19.05.2013, 17:58

Przecież jest tło >.<

**tasakamana** · 19.05.2013, 18:00

tak ale za przyciskami nie ma a chcę tam dodać coś żeby nie było tam tak pusto jakiś czarny obrazek albo coś

Dołącz do zespołu ekspertów! Backend lub Frontend Developer?

zmiana pozycji przycisków forum ,portal ,szukaj itd.

tasakamana

GiboneKPL

tasakamana

dorman

GiboneKPL

tasakamana

GiboneKPL

tasakamana

GiboneKPL

tasakamana

GiboneKPL

SLAVOO

tasakamana

GiboneKPL

tasakamana

Użytkownicy przeglądający ten wątek:

Zaloguj się
Login:
Hasło:	Nie pamiętam hasła
	Zapamiętaj mnie