Jump to content
Sign in to follow this  
Energy95

Poszukuje kodu na panel "NA SKRÓTY" IP Board 4

Recommended Posts

Nie wiem, czy będzie dobrze, ale powinno.

Jedyne co musisz sobie tam dodać to Zagłosuj na serwer i tyle.

Jeśli, źle zrobiłem to na pewno ktoś poprawi.

Cytuj

<table border="0" cellspacing="0" cellpadding="5" class="tborder border_table" style="clear: both;">
<tbody><tr>
<td class="thead" colspan="5">
<center><strong><i class="fa fa-hand-o-right" aria-hidden="true" original-title=""></i> Skróty</strong></center></td>


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


<center>
                <a href="link">
<div id="boczny">
Przywitaj się
</div>
        
                </a>
            
                <a href="link">
<div id="boczny">
Regulaminy
</div>
                </a>
                <a href="link">
<div id="boczny">
Odpracuj warna
</div>
                </a>
                <a href="link">
<div id="boczny">
Wstaw Screeny
</div>
            
                    </a>
                            <a href="link">
<div id="boczny">
Facebook
</div>
                    </a>
                                <a href="link">
<div id="boczny">
Wspomóż nas
</div>
                    </a>
    </center>    
    
    

</td>
</tr>
</tbody></table>

 

Share this post


Link to post

Wyśrodkowanie, obramowanie, tło i kolory

  • Like 1

Share this post


Link to post
<table border="0" cellspacing="0" cellpadding="5" class="tborder border_table" style="clear: both;">
<tbody><tr><td class="thead_sidebox" colspan="2">Na Skróty</td></tr>
<tr><td class="trow2">
	<div id="button">
	<a href="#LINK"><div class="button green" style="margin-top:0">Skrót 1</div></a>
	<a href="#LINK"><div class="button pink">Skrót 2</div></a>
	<a href="#LINK"><div class="button yellow">Skrót 3</div></a>
	<a href="#LINK"><div class="button red">Skrót 4</div></a>
	<a href="#LINK"><div class="button blue">Skrót 5k</div></a>
	<a href="#LINK"><div class="button blue2">Skrót 6</div></a>
	<a href="#LINK"><div class="button orange">Skrót 7</div></a>
	</div>
</td></tr>
		</tbody></table>
.tborder {
	border-radius: 0;
}

.thead_sidebox {
	background: #282828;
    border-bottom: 1px solid #393939;
    text-shadow: rgba(0,0,0,0.8) 0 -1px 0;
    font-size: 11px;
    font-weight: 700;
    padding: 8px;
    color: #fff;
	text-transform: uppercase;
}

.button {
color:#fff;
background:#282828;
transition-duration:1s;
-webkit-transition-duration:1s;
text-align: center;
padding: 10px;
opacity:0.7;
margin-top:5px;
}

.green:hover {
background:#54DA37;
opacity:1;
transition-duration:1s;
-webkit-transition-duration:1s;
}

.pink:hover {
background:#E500CF;
opacity:1;
transition-duration:1s;
-webkit-transition-duration:1s;
}

.yellow:hover {
background:#E5CF00;
opacity:1;
transition-duration:1s;
-webkit-transition-duration:1s;
}

.red:hover {
background:#E10000;
opacity:1;
transition-duration:1s;
-webkit-transition-duration:1s;
}

.blue:hover {
background:#0466FF;
opacity:1;
transition-duration:1s;
-webkit-transition-duration:1s;
}

.blue2:hover {
background:#00ABFF;
opacity:1;
transition-duration:1s;
-webkit-transition-duration:1s;
}

.orange:hover {
background:#FA7821;
opacity:1;
transition-duration:1s;
-webkit-transition-duration:1s;
}

 

Edited by DominikJumper
  • Like 2

Share this post


Link to post
Guest
This topic is now closed to further replies.
Sign in to follow this  
×
×
  • Create New...