Pluginu szybkie linki, badz cos podobnego

Szukam  Założony przez  myrym.

wersja skryptu MyBB:1.8.6
adres forum: cs.dreamhack.xaa.pl
na czym polega problem (screen, opis, komunikaty, nazwa i wersja wtyczki): szukam takiego pluginu jak na ssie orientuje się ktoś coś może z góry dziekuję za pomoc  
http://scr.hu/12tx/sqj0l
To nie jest plugin taki efekt otrzymasz za pomocą html i css
a orientujesz się może jak to zrobić? bo ja to jestem słaby w te klocki ,z badaniem elementu u mnie lipa straszna jest , tak bym wyciagnał co nieco do tego .
Daj mi szybko forum, któremu robiłeś screena.
http://fragowicze.com.pl/index.php
Dobra spróbuje zrobić to na oko.
To do global.css
slink {
background: #575657;
width: 90%;
float: center;
text-align: center;
border-radius: 2px;
transition-duration:0.3s;
}
slink2 {
background: #575657;
width: 90%;
float: center;
text-align: center;
border-radius: 2px;
margin-top: 3px;
transition-duration:0.3s;
}
slink:hover {
background: #96824F;
width: 90%;
float: center;
text-align: center;
border-radius: 2px;
transition-duration:0.3s;
}
slink2:hover {
background: #B39A5B;
width: 90%;
float: center;
text-align: center;
border-radius: 2px;
margin-top: 3px;
transition-duration:0.3s;
}

No i teraz kod HTML, który będziesz musiał dodać do zawartości jednej z paska bocznego. Jeśli nie potrafisz podaj index...
<div class= "slink"><a href= "tutaj link do strony" style= "color: white; !important!;">Wstaw tekst</a></div>
<div class= "slink2"><a href= "tutaj link do strony" style= "color: white; !important!;">Wstaw tekst</a></div>
<div class= "slink2"><a href= "tutaj link do strony" style= "color: white; !important!;">Wstaw tekst</a></div>
<div class= "slink2"><a href= "tutaj link do strony" style= "color: white; !important!;">Wstaw tekst</a></div>
<div class= "slink2"><a href= "tutaj link do strony" style= "color: white; !important!;">Wstaw tekst</a></div>
<div class= "slink"><a href= "tutaj link do strony" style= "color: white; !important!;">Wstaw tekst</a></div>
jak dasz rade to do panelu bocznego zeby mi sie to zmiesciło

<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}
{
$serversboard}

<
class="buttons" style="float: right;"><class="fa fa-angle-right"></i></a>
<
class="clickedbuttons" style="float: right;"><class="fa fa-angle-left"></i></a>
<
div class="forums" style="float: left;width: 80%;">
{
$dvz_shoutbox}
{
$dvz_stream}
    
{
$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;">
<
tr>

<
td class="thead" colspan="2">
<
centerKontakt z Administracją  </center>

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


        <
img src="http://cs-dreamhack.xaa.pl/uploads/avatars/avatar_1.jpg" alt="" style="border: 1px solid #444;
padding: 1px;float: left;width:50px; height:50px;margin-right: 5px; border-radius: 8px; "
>
            <
span style="float: left;"><a href="http://cs-dreamhack.xaa.pl/member.php?action=profile&uid=1"><span style="text-shadow: 3px 3px 15px #f60808; color: #f60808; font-weight: bold;">★ Myrym ★</span></a></span><br>
           <
span style=" float:left; "><img src="http://status.gadu-gadu.pl/users/status.asp?id=7118840&amp;styl=1" alt="GG: 7118840" style="margin-top:2px;width:14px;margin-bottom:-2px;" border="0"GaduGadu:<a href="gg:7118840"7118840</a></span><br>  <span style=" float:left; "><img src="http://fragzone.pl/images/steam_icon_by_vaksa.png" style="float: left;width: 14px;margin-right: 4px;
margin-top: 2px; style="
floatleft;width14px;margin-right4px;
margin-top2px"> Steam: <a href="https://steamcommunity.com/profiles/76561197967544156/"> Who am I o.O</a></span>

<center><p style="color:#282828;;">_____________________________</p></center>

               <
img src="http://cs-dreamhack.xaa.pl/uploads/avatars/avatar_2.jpg?" alt="" style="border: 1px solid #444;
padding: 1px;float: left;width:50px; height:50px;margin-right: 5px; border-radius: 8px;"
>
            <
span style="float: left;"><a href="http://cs-dreamhack.xaa.pl/member.php?action=profile&uid=2"><span style="text-shadow: 3px 3px 15px #f60808; color: #f60808; font-weight: bold;">★ Vegeta ★</span></a></span><br>
           <
span style=" float:left; "><img src="http://status.gadu-gadu.pl/users/status.asp?id=47084734
&amp;styl=1" 
alt="GG: 47084734
style="margin-top:2px;width:14px;margin-bottom:-2px;" border="0"GaduGadu:<a href="gg:47084734
"
47084734
</a></span><br>  <span style=" float:left; "><img src="http://fragzone.pl/images/steam_icon_by_vaksa.png" style="float: left;width: 14px;margin-right: 4px;
margin-top: 2px; style="
floatleft;width14px;margin-right4px;
margin-top2px"> Steam: <a href=" http://steamcommunity.com/id/dolnobrzeskijoint/"> Vegeta</a></span>
               
               
</td>
{
$forumteamonline}
{
$statsuserlog}
{
$topStats['LastThreads']} 
{
$topStats['Posters']}
{
$topStats['Reputation']}
{
$topStats['TimeOnline']}
</
tr>
</
table>
</
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
kuurde podaj prawidlowy link do strony...
www.cs-dreamhack.xaa.pl
albo
www.cs-dreamhack.pl

bo nie moge domeny zaparkować
wstawiam na ślepo...
<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}
{$serversboard}

<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%;">
{$dvz_shoutbox}
{$dvz_stream}
   
{$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;">
<tr>
<td class="thead" colspan="2">
<center>Szybkie linki</center>
</td>
</tr>
<tr>
<td class="trow2">
<div class= "slink"><a href= "tutaj link do strony" style= "color: white; !important!;">Wstaw tekst</a></div>
<div class= "slink2"><a href= "tutaj link do strony" style= "color: white; !important!;">Wstaw tekst</a></div>
<div class= "slink2"><a href= "tutaj link do strony" style= "color: white; !important!;">Wstaw tekst</a></div>
<div class= "slink2"><a href= "tutaj link do strony" style= "color: white; !important!;">Wstaw tekst</a></div>
<div class= "slink2"><a href= "tutaj link do strony" style= "color: white; !important!;">Wstaw tekst</a></div>
<div class= "slink"><a href= "tutaj link do strony" style= "color: white; !important!;">Wstaw tekst</a></div>
</td>
</tr>
</table>
</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;">
<tr>

<td class="thead" colspan="2">
<center> Kontakt z Administracją  </center>

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


       <img src="http://cs-dreamhack.xaa.pl/uploads/avatars/avatar_1.jpg" alt="" style="border: 1px solid #444;
padding: 1px;float: left;width:50px; height:50px;margin-right: 5px; border-radius: 8px; ">
           <span style="float: left;"><a href="http://cs-dreamhack.xaa.pl/member.php?action=profile&uid=1"><span style="text-shadow: 3px 3px 15px #f60808; color: #f60808; font-weight: bold;">★ Myrym ★</span></a></span><br>
          <span style=" float:left; "><img src="http://status.gadu-gadu.pl/users/status.asp?id=7118840&amp;styl=1" alt="GG: 7118840" style="margin-top:2px;width:14px;margin-bottom:-2px;" border="0"> GaduGadu:<a href="gg:7118840"> 7118840</a></span><br>  <span style=" float:left; "><img src="http://fragzone.pl/images/steam_icon_by_vaksa.png" style="float: left;width: 14px;margin-right: 4px;
margin-top: 2px; style="float: left;width: 14px;margin-right: 4px;
margin-top: 2px; "> Steam: <a href="https://steamcommunity.com/profiles/76561197967544156/"> Who am I o.O</a></span>

<center><p style="color:#282828;;">_____________________________</p></center>

              <img src="http://cs-dreamhack.xaa.pl/uploads/avatars/avatar_2.jpg?" alt="" style="border: 1px solid #444;
padding: 1px;float: left;width:50px; height:50px;margin-right: 5px; border-radius: 8px;">
           <span style="float: left;"><a href="http://cs-dreamhack.xaa.pl/member.php?action=profile&uid=2"><span style="text-shadow: 3px 3px 15px #f60808; color: #f60808; font-weight: bold;">★ Vegeta ★</span></a></span><br>
          <span style=" float:left; "><img src="http://status.gadu-gadu.pl/users/status.asp?id=47084734
&amp;styl=1" alt="GG: 47084734
" style="margin-top:2px;width:14px;margin-bottom:-2px;" border="0"> GaduGadu:<a href="gg:47084734
"> 47084734
</a></span><br>  <span style=" float:left; "><img src="http://fragzone.pl/images/steam_icon_by_vaksa.png" style="float: left;width: 14px;margin-right: 4px;
margin-top: 2px; style="float: left;width: 14px;margin-right: 4px;
margin-top: 2px; "> Steam: <a href=" http://steamcommunity.com/id/dolnobrzeskijoint/"> Vegeta</a></span>
             
             
</td>
{$forumteamonline}
{$statsuserlog}
{$topStats['LastThreads']}
{$topStats['Posters']}
{$topStats['Reputation']}
{$topStats['TimeOnline']}
</tr>
</table>
</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>
Chyba zadziała ;v

@Edit - Zapomniałem do Theada zmienić nazwe zawartości.
http://scr.hu/12tx/q27uv
tak to wyglada

a jak dodam background : color: do tego to sie srobi takie cos w stylu tamtym ?
nie zrobiles wszystkiego....
(26.01.2016, 10:52)aycrash napisał(a): Dobra spróbuje zrobić to na oko.
To do global.css
slink {
background: #575657;
width: 90%;
float: center;
text-align: center;
border-radius: 2px;
transition-duration:0.3s;
}
slink2 {
background: #575657;
width: 90%;
float: center;
text-align: center;
border-radius: 2px;
margin-top: 3px;
transition-duration:0.3s;
}
slink:hover {
background: #96824F;
width: 90%;
float: center;
text-align: center;
border-radius: 2px;
transition-duration:0.3s;
}
slink2:hover {
background: #B39A5B;
width: 90%;
float: center;
text-align: center;
border-radius: 2px;
margin-top: 3px;
transition-duration:0.3s;
}
dodałem to na sam konic global.css
Przepraszam, wynikł mały błąd z powodów takich, że dopiero wstałem :X
.slink {
background: #575657;
width: 90%;
float: center;
text-align: center;
border-radius: 2px;
transition-duration:0.3s;
}
.slink2 {
background: #575657;
width: 90%;
float: center;
text-align: center;
border-radius: 2px;
margin-top: 3px;
transition-duration:0.3s;
}
.slink:hover {
background: #96824F;
width: 90%;
float: center;
text-align: center;
border-radius: 2px;
transition-duration:0.3s;
}
.slink2:hover {
background: #B39A5B;
width: 90%;
float: center;
text-align: center;
border-radius: 2px;
margin-top: 3px;
transition-duration:0.3s;
}
to tamto co wstawiłem wszystko wywalić ma się rozumieć i dodać to ? pytam dla pewności :P

@up nie ma problemu zadnego dzieki że mi pomagasz tak wgl.

//taki efekt wyszedl http://scr.hu/12tx/my04z



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

1 gości