Webboard

Webboard > Wsparcie MyBB > Style, szablony i grafika > Belka "na skróty" w panelu bocznym
Pełna wersja: Belka "na skróty" w panelu bocznym
Aktualnie przeglądasz uproszczoną wersję forum. Kliknij tutaj, by zobaczyć wersję z pełnym formatowaniem.
Stron: 1 2

pr1mero

10.04.2016, 18:52
wersja skryptu MyBB: 1.8
adres forum: EasyGame.xaa.pl
na czym polega problem (screen, opis, komunikaty, nazwa stylu/theme/szablonu):
Chciałbym zrobic taka tabelke w panelu bocznym: http://scr.hu/6l0w/pd9rd
Screen ze strony Nice-Frag.xaa.pl

Kacper Wojciechowski

10.04.2016, 19:19
Akcja "Pokochaj wyszukiwarkę"

Zbadaj element

Divir

10.04.2016, 19:20
https://webboard.pl/thread-45824.html

pr1mero

10.04.2016, 19:34
W ciagu dalszym nie potrafie chodz probowalem :)

Kacper Wojciechowski

10.04.2016, 19:45
Kod:
<table class="tborder border_table" style="clear: both;" border="0" cellpadding="5" cellspacing="0">
<tbody><tr>
<td class="tboczny" colspan="1">

       Na Skróty

</td>
</tr>
<tr>
<td class="trow2">


<center>
                <a href="http://nice-frag.xaa.pl/forumdisplay.php?fid=2">
<div id="boczny">
Regulaminy
</div>
        
                </a>
            
                <a href="http://nice-frag.xaa.pl/forumdisplay.php?fid=8">
<div id="boczny">
Odwołaj się od Bana
</div>
                </a>
                <a href="http://nice-frag.xaa.pl/forumdisplay.php?fid=19">
<div id="boczny">
Zareklamuj nas
</div>
                </a>
                <a href="http://nice-frag.xaa.pl/forumdisplay.php?fid=16">
<div id="boczny">
Propozycje &amp; Sugestie
</div>
            
                    </a>
    <a href="http://nice-frag.xaa.pl/forumdisplay.php?fid=33">
<div id="boczny">
Wstaw ScreenShot-y
</div>
                    </a>
<a href="http://nice-frag.xaa.pl/forumdisplay.php?fid=22">
<div id="boczny">
Odpracuj Ostrzeżenie
</div>
                    </a>
    </center>    
    
    

</td>
</tr>
</tbody></table>

css:
Kod:
#boczny {
    color: #FFF;
    padding: 0px 12px;
    outline: medium none;
    height: 35px;
    opacity: 1;
    text-align: center;
    width: 88%;
    text-decoration: none;
    transition-duration: 0.6s;
    line-height: 35px;
    background: none repeat scroll 0% 0% #393939;
    list-style: outside none;
    margin-top: 3px;
    font-size: 11px;
    margin-left: -10px;
}


#boczny:hover {
    background: none repeat scroll 0% 0% #124880;;
color: #FFF;
    padding: 0px 12px;
    outline: medium none;
    height: 35px;
    text-align: center;
    width: 88%;
    opacity: 1;
    text-decoration: none;
    transition-duration: 0.6s;
    line-height: 35px;
list-style: outside none;
    margin-top: 3px;
    font-size: 11px;
}

pr1mero

10.04.2016, 19:58
(10.04.2016, 19:45)DeadlyGlobe71 napisał(a): [ -> ]
Kod:
<table class="tborder border_table" style="clear: both;" border="0" cellpadding="5" cellspacing="0">
<tbody><tr>
<td class="tboczny" colspan="1">

       Na Skróty

</td>
</tr>
<tr>
<td class="trow2">


<center>
                <a href="http://nice-frag.xaa.pl/forumdisplay.php?fid=2">
<div id="boczny">
Regulaminy
</div>
        
                </a>
            
                <a href="http://nice-frag.xaa.pl/forumdisplay.php?fid=8">
<div id="boczny">
Odwołaj się od Bana
</div>
                </a>
                <a href="http://nice-frag.xaa.pl/forumdisplay.php?fid=19">
<div id="boczny">
Zareklamuj nas
</div>
                </a>
                <a href="http://nice-frag.xaa.pl/forumdisplay.php?fid=16">
<div id="boczny">
Propozycje &amp; Sugestie
</div>
            
                    </a>
    <a href="http://nice-frag.xaa.pl/forumdisplay.php?fid=33">
<div id="boczny">
Wstaw ScreenShot-y
</div>
                    </a>
<a href="http://nice-frag.xaa.pl/forumdisplay.php?fid=22">
<div id="boczny">
Odpracuj Ostrzeżenie
</div>
                    </a>
    </center>    
    
    

</td>
</tr>
</tbody></table>

css:
Kod:
#boczny {
    color: #FFF;
    padding: 0px 12px;
    outline: medium none;
    height: 35px;
    opacity: 1;
    text-align: center;
    width: 88%;
    text-decoration: none;
    transition-duration: 0.6s;
    line-height: 35px;
    background: none repeat scroll 0% 0% #393939;
    list-style: outside none;
    margin-top: 3px;
    font-size: 11px;
    margin-left: -10px;
}


#boczny:hover {
    background: none repeat scroll 0% 0% #124880;;
color: #FFF;
    padding: 0px 12px;
    outline: medium none;
    height: 35px;
    text-align: center;
    width: 88%;
    opacity: 1;
    text-decoration: none;
    transition-duration: 0.6s;
    line-height: 35px;
list-style: outside none;
    margin-top: 3px;
    font-size: 11px;
}
Dobrze działa lecz jak teraz dodac ten pasek, w ktory trzeba kliknac np: Regulaminy

Poftorek

10.04.2016, 20:35
Znajdz

Kod:
<a href="http://nice-frag.xaa.pl/forumdisplay.php?fid=22">
<div id="boczny">
Odpracuj Ostrzeżenie
</div>
                    </a>

Po tym dodaj to samo ale zmien link i nazwe.

pr1mero

10.04.2016, 21:00
(10.04.2016, 20:35)Fyeem napisał(a): [ -> ]<a href="http://nice-frag.xaa.pl/forumdisplay.php?fid=22">
<div id="boczny">
Odpracuj Ostrzeżenie
</div>
                    </a>
Generalnie dziala, ale nie ma tej prostokątnej otoczki wokol napisu

Poftorek

10.04.2016, 21:02
Pokaz co wpisales.

pr1mero

10.04.2016, 21:05
(10.04.2016, 21:02)Fyeem napisał(a): [ -> ]Pokaz co wpisales.

moj index
Kod:
<html>
<head>
<title>{$mybb->settings['bbname']}</title>
{$headerinclude}
{$statusupdate_script}

<script type="text/javascript">
<!--
    lang.no_new_posts = "{$lang->no_new_posts}";
    lang.click_mark_read = "{$lang->click_mark_read}";
// -->
</script>
</head>

<body>
{$header}
{$serversboard}
{$dvz_shoutbox}
<a class="buttons" style="float: right;"><i class="fa fa-angle-right"></i></a>
<a class="clickedbuttons" style="float: right;"><i class="fa fa-angle-left"></i></a>
<div class="forums" style="float: left;width: 80%;">
{$forums}


</div>
<div class="sidebar" style="float: right;width: 19%;">
  <table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder border_table" style="clear: both;">
<table class="tborder border_table" style="clear: both;" border="0" cellpadding="5" cellspacing="0">
<tbody><tr>
<td class="tboczny" colspan="1">

       <center>Na Skróty</center>

</td>
</tr>
<tr>
<td class="trow2">
    <a href="http://easygame.xaa.pl/forumdisplay.php?fid=2">
<div id="boczny">
<center>Regulaminy</center>
</div>
                    </a>
    <a href="http://easygame.xaa.pl/forumdisplay.php?fid=29">
<div id="boczny">
<center>Odwołaj się od bana</center>
</div>
                    </a>
    <a href="http://easygame.xaa.pl/forumdisplay.php?fid=28">
<div id="boczny">
<center>Wstaw ScreenShoty</center>
</div>
                    </a>
    <a href="http://easygame.xaa.pl/forumdisplay.php?fid=6">
<div id="boczny">
<center>Odpracuj Ostrzeżenie</center>
</div>
                    </a>
    <a href="http://easygame.xaa.pl/forumdisplay.php?fid=20">
<div id="boczny">
<center>Zareklamuj Nas</center>
</div>
                    </a>
      <tr>
    {$usermiesiaca}
    {$forumteamonline}
    {$topStats['LastThreads']}
{$topStats['Posters']}
{$topStats['Reputation']}
{$topStats['TimeOnline']}
    
    </div>
    

<br class="clear" />
{$boardstats}
<!--
<dl class="forum_legend smalltext">
    <dt><span class="forum_status forum_on" title="{$lang->new_posts}"></span></dt>
    <dd>{$lang->new_posts}</dd>

    <dt><span class="forum_status forum_off" title="{$lang->no_new_posts}"></span></dt>
    <dd>{$lang->no_new_posts}</dd>

    <dt><span class="forum_status forum_offlock" title="{$lang->forum_locked}"></span></dt>
    <dd>{$lang->forum_locked}</dd>

    <dt><span class="forum_status forum_offlink" title="{$lang->forum_redirect}"></span></dt>
    <dd>{$lang->forum_redirect}</dd>
</dl>
-->
{$footer}
</body>
</html>

Divir

10.04.2016, 21:05
nie dodales css, wiec nie ma otoczki.

pr1mero

10.04.2016, 21:09
(10.04.2016, 21:05)Divir napisał(a): [ -> ]nie dodales css, wiec nie ma otoczki.

Mam to
Kod:
Kod: (Kliknij, aby zaznaczyć)
#boczny {
    color: #FFF;
    padding: 0px 12px;
    outline: medium none;
    height: 35px;
    opacity: 1;
    text-align: center;
    width: 88%;
    text-decoration: none;
    transition-duration: 0.6s;
    line-height: 35px;
    background: none repeat scroll 0% 0% #393939;
    list-style: outside none;
    margin-top: 3px;
    font-size: 11px;
    margin-left: -10px;
}


#boczny:hover {
    background: none repeat scroll 0% 0% #124880;;
color: #FFF;
    padding: 0px 12px;
    outline: medium none;
    height: 35px;
    text-align: center;
    width: 88%;
    opacity: 1;
    text-decoration: none;
    transition-duration: 0.6s;
    line-height: 35px;
list-style: outside none;
    margin-top: 3px;
    font-size: 11px;
}

Poftorek

10.04.2016, 21:14
Na koniec global.css dodaj:

Kod:
#boczny {
    color: #FFF;
    padding: 0px 12px;
    outline: medium none;
    height: 35px;
    opacity: 1;
    text-align: center;
    width: 88%;
    text-decoration: none;
    transition-duration: 0.6s;
    line-height: 35px;
    background: none repeat scroll 0% 0% #393939;
    list-style: outside none;
    margin-top: 3px;
    font-size: 11px;
    margin-left: -10px;
}


#boczny:hover {
    background: none repeat scroll 0% 0% #124880;;
color: #FFF;
    padding: 0px 12px;
    outline: medium none;
    height: 35px;
    text-align: center;
    width: 88%;
    opacity: 1;
    text-decoration: none;
    transition-duration: 0.6s;
    line-height: 35px;
list-style: outside none;
    margin-top: 3px;
    font-size: 11px;
}

Divir

10.04.2016, 21:15
Dodaj cale to:
Kod:
#boczny {
    color: #FFF;
    padding: 0px 12px;
    outline: medium none;
    height: 35px;
    opacity: 1;
    text-align: center;
    width: 88%;
    text-decoration: none;
    transition-duration: 0.6s;
    line-height: 35px;
    background: none repeat scroll 0% 0% #393939;
    list-style: outside none;
    margin-top: 3px;
    font-size: 11px;
    margin-left: -10px;
}


#boczny:hover {
    background: none repeat scroll 0% 0% #124880;;
color: #FFF;
    padding: 0px 12px;
    outline: medium none;
    height: 35px;
    text-align: center;
    width: 88%;
    opacity: 1;
    text-decoration: none;
    transition-duration: 0.6s;
    line-height: 35px;
list-style: outside none;
    margin-top: 3px;
    font-size: 11px;
}
I wtedy bedzie dzialalo. 
Juz w piątej odpowiedzi miałeś podany gotowy kod, który wystarczy skopiować i wkleić aby działało.  :confused:

pr1mero

10.04.2016, 21:22
(10.04.2016, 21:15)Divir napisał(a): [ -> ]#boczny {
    color: #FFF;
    padding: 0px 12px;
    outline: medium none;
    height: 35px;
    opacity: 1;
    text-align: center;
    width: 88%;
    text-decoration: none;
    transition-duration: 0.6s;
    line-height: 35px;
    background: none repeat scroll 0% 0% #393939;
    list-style: outside none;
    margin-top: 3px;
    font-size: 11px;
    margin-left: -10px;
}


#boczny:hover {
    background: none repeat scroll 0% 0% #124880;;
color: #FFF;
    padding: 0px 12px;
    outline: medium none;
    height: 35px;
    text-align: center;
    width: 88%;
    opacity: 1;
    text-decoration: none;
    transition-duration: 0.6s;
    line-height: 35px;
list-style: outside none;
    margin-top: 3px;
    font-size: 11px;
}

Ale ja tak mam zobacz, ze edytowalem post bo calego nie skopiowalem. I wciaz nie dziala
Stron: 1 2
Webboard > Wsparcie MyBB > Style, szablony i grafika > Belka "na skróty" w panelu bocznym