Webboard

Pełna wersja: Pluginu szybkie linki, badz cos podobnego
Aktualnie przeglądasz uproszczoną wersję forum. Kliknij tutaj, by zobaczyć wersję z pełnym formatowaniem.
Stron: 1 2
To teraz tak złoze wszystko w 1 post.
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;
}

I podmień cały index na ten:
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&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>
juz mam wszystko git ładnie pieknie zrobione , tylko mi sie nałozyły 2 beleczki na siebie od wstaw text ale to zapewne juz w indexie przestawie sobie bo aż tylu nie bede potrzebował
http://scr.hu/12tx/my04z
Zajme się tym. I tak sam widzisz spieprzyłem efekt... Moja głupia poranna nie uwaga...

podmien to w global.css
Kod:
.slink {
background: #A17C44;
width: 90%;
float: center;
text-align: center;
border-radius: 2px;
transition-duration:0.3s;
padding: 7px;
}
.slink2 {
background: #8A6124;
width: 90%;
float: center;
text-align: center;
border-radius: 2px;
margin-top: 3px;
transition-duration:0.3s;
padding: 7px;
}
.slink:hover {
background: #96824F;
width: 90%;
float: center;
text-align: center;
border-radius: 2px;
transition-duration:0.3s;
padding: 7px;
}
.slink2:hover {
background: #B39A5B;
width: 90%;
float: center;
text-align: center;
border-radius: 2px;
margin-top: 3px;
transition-duration:0.3s;
padding: 7px;
}

I cały index podmień:
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= "slink2"><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>
teraz to mi się podoba :P normalnie jestem pod wrażeniem .


http://scr.hu/12tx/5sxdx

przy okazji wiem że jak bede chciał zmienic kolor tego i wielkość to tam w global.css te slink wytyczne .
background: dokładnie
A ja znów nieogarnięty bo miało być te szare, a pmaranczowe w :hover...

A podmien jeszcze na to c;
Kod:
.slink {
background: #565657
width: 90%;
float: center;
text-align: center;
border-radius: 2px;
transition-duration:0.3s;
padding: 7px;
}
.slink2 {
background: #565657
width: 90%;
float: center;
text-align: center;
border-radius: 2px;
margin-top: 3px;
transition-duration:0.3s;
padding: 7px;
}
.slink:hover {
background: #A17C44;
width: 90%;
float: center;
text-align: center;
border-radius: 2px;
transition-duration:0.3s;
padding: 7px;
}
.slink2:hover {
background: #8A6124;
width: 90%;
float: center;
text-align: center;
border-radius: 2px;
margin-top: 3px;
transition-duration:0.3s;
padding: 7px;
}
I sobie najedz na jakiś link.

- To wersja z szarymi barwami, a po najechaniu pomarańcz.
Tu poprwanie bo nie domkniete colory były

Kod PHP:
.slink {
background#565657;
width90%;
floatcenter;
text-aligncenter;
border-radius2px;
transition-duration:0.3s;
padding7px;
}
.
slink2 {
background#565657;
width90%;
floatcenter;
text-aligncenter;
border-radius2px;
margin-top3px;
transition-duration:0.3s;
padding7px;
}
.
slink:hover {
background#A17C44;
width90%;
floatcenter;
text-aligncenter;
border-radius2px;
transition-duration:0.3s;
padding7px;
}
.
slink2:hover {
background#8A6124;
width90%;
floatcenter;
text-aligncenter;
border-radius2px;
margin-top3px;
transition-duration:0.3s;
padding7px;

Stron: 1 2