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

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

Pluginu szybkie linki, badz cos podobnego

Szukam  Założony przez  myrym.

26.01.2016, 04:27 (Ten post był ostatnio modyfikowany: 26.01.2016, 04:28 przez myrym.)
#1
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
26.01.2016, 05:13
#2
To nie jest plugin taki efekt otrzymasz za pomocą html i css
26.01.2016, 07:01
#3
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 .
26.01.2016, 10:42
#4
Daj mi szybko forum, któremu robiłeś screena.
26.01.2016, 10:49
#5
http://fragowicze.com.pl/index.php
26.01.2016, 10:52 (Ten post był ostatnio modyfikowany: 26.01.2016, 10:54 przez aycrash.)
#6
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>
26.01.2016, 11:00
#7
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}

<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&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> 
26.01.2016, 11:01
#8
kuurde podaj prawidlowy link do strony...
26.01.2016, 11:02 (Ten post był ostatnio modyfikowany: 26.01.2016, 11:03 przez myrym.)
#9
www.cs-dreamhack.xaa.pl
albo
www.cs-dreamhack.pl

bo nie moge domeny zaparkować
26.01.2016, 11:03 (Ten post był ostatnio modyfikowany: 26.01.2016, 11:06 przez aycrash.)
#10
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.
26.01.2016, 11:12 (Ten post był ostatnio modyfikowany: 26.01.2016, 11:13 przez myrym.)
#11
http://scr.hu/12tx/q27uv
tak to wyglada

a jak dodam background : color: do tego to sie srobi takie cos w stylu tamtym ?
26.01.2016, 11:13
#12
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;
}
26.01.2016, 11:15 (Ten post był ostatnio modyfikowany: 26.01.2016, 11:16 przez myrym.)
#13
dodałem to na sam konic global.css
26.01.2016, 11:16
#14
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;
}
26.01.2016, 11:22 (Ten post był ostatnio modyfikowany: 26.01.2016, 11:25 przez myrym.)
#15
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:

2 gości