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.
Dobra spróbuje zrobić to na oko.
To do global.css
Kod:
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...
Kod:
<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
Kod PHP:
<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> 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&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
&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>
kuurde podaj prawidlowy link do strony...
wstawiam na ślepo...
Kod:
<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&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
&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
- Zapomniałem do Theada zmienić nazwe zawartości.
nie zrobiles wszystkiego....
(26.01.2016, 10:52)aycrash napisał(a): [ -> ]Dobra spróbuje zrobić to na oko.
To do global.css
Kod:
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
Kod:
.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
@up nie ma problemu zadnego dzieki że mi pomagasz tak wgl.
//taki efekt wyszedl
http://scr.hu/12tx/my04z