Webboard

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

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;
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;
} 

Stron: 1 2

aycrash

myrym

aycrash

myrym

aycrash

myrym