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

Sprawdź najnowsze oferty pracy naszego partnera - 8lines.io!

Belka "na skróty" w panelu bocznym

Szukam  Założony przez  pr1mero.

10.04.2016, 18:52
#1
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
10.04.2016, 19:19
#2
Akcja "Pokochaj wyszukiwarkę"

Zbadaj element
10.04.2016, 19:20
#3
https://webboard.pl/thread-45824.html
Kodowanie, edycja i tworzenie styli, for, stron, poszczególnych elementów - polecane szczególnie dla osób, które nie potrafią sobie poradzić z problemami.
10.04.2016, 19:34
#4
W ciagu dalszym nie potrafie chodz probowalem :)
10.04.2016, 19:45
#5
<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:
#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;
}
10.04.2016, 19:58
#6
(10.04.2016, 19:45)DeadlyGlobe71 napisał(a):
<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:
#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
10.04.2016, 20:35
#7
Znajdz

<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.
Poradnik - Jak zbadać element na stronie internetowej?  
Cytat:w pół dnia stałeś się lepszym pytonistą niż kawenanowo kiedykolwiek programisto :3 ~ Riess 13.11.2018 16:28
Cytat:ale z tą nazwą to fyeem ma racje  ~ Divir 29.07.2019 16:08
10.04.2016, 21:00
#8
(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
10.04.2016, 21:02
#9
Pokaz co wpisales.
Poradnik - Jak zbadać element na stronie internetowej?  
Cytat:w pół dnia stałeś się lepszym pytonistą niż kawenanowo kiedykolwiek programisto :3 ~ Riess 13.11.2018 16:28
Cytat:ale z tą nazwą to fyeem ma racje  ~ Divir 29.07.2019 16:08
10.04.2016, 21:05
#10
(10.04.2016, 21:02)Fyeem napisał(a): Pokaz co wpisales.

moj index
<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>
10.04.2016, 21:05
#11
nie dodales css, wiec nie ma otoczki.
Kodowanie, edycja i tworzenie styli, for, stron, poszczególnych elementów - polecane szczególnie dla osób, które nie potrafią sobie poradzić z problemami.
10.04.2016, 21:09 (Ten post był ostatnio modyfikowany: 10.04.2016, 21:13 przez pr1mero.)
#12
(10.04.2016, 21:05)Divir napisał(a): nie dodales css, wiec nie ma otoczki.

Mam to
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;
}
10.04.2016, 21:14
#13
Na koniec global.css dodaj:

#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;
}
Poradnik - Jak zbadać element na stronie internetowej?  
Cytat:w pół dnia stałeś się lepszym pytonistą niż kawenanowo kiedykolwiek programisto :3 ~ Riess 13.11.2018 16:28
Cytat:ale z tą nazwą to fyeem ma racje  ~ Divir 29.07.2019 16:08
10.04.2016, 21:15
#14
Dodaj cale to:
#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:
Kodowanie, edycja i tworzenie styli, for, stron, poszczególnych elementów - polecane szczególnie dla osób, które nie potrafią sobie poradzić z problemami.
10.04.2016, 21:22
#15
(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



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

1 gości