Skocz do zawartości

Rozwalony wygląd strony głównej, styl SkillGame MyBB


Mikoaaj
 Udostępnij

Rekomendowane odpowiedzi

Pomoże mi ktoś :x ? Od razu podaje szablon index CHODZI O TO Z BOKU

Spoiler

<link href="https://fonts.googleapis.com/css?family=Quattrocento+Sans" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300" rel="stylesheet">
<link href='https://fonts.googleapis.com/css?family=Lato:300' rel='stylesheet' type='text/css'>
<link href='https://fonts.googleapis.com/css?family=Ubuntu' rel='stylesheet' type='text/css'>
<link href='https://fonts.googleapis.com/css?family=Exo+2' rel='stylesheet' type='text/css'>
<link href='https://fonts.googleapis.com/css?family=Roboto+Condensed' rel='stylesheet' type='text/css'>
<html>
<head>
<title>{$mybb->settings['bbname']}</title>
{$headerinclude}
<link href="/slider/js-image-slider.css" rel="stylesheet" type="text/css" />
<script src="/slider/js-image-slider.js" type="text/javascript"></script>
<script type="text/javascript">

<!--
	lang.no_new_posts = "{$lang->no_new_posts}";
	lang.click_mark_read = "{$lang->click_mark_read}";
// -->
</script>
</head>
<body>
	
	
{$header}
    <table class="tborder" border="0" cellpadding="3" cellspacing="1">
    <tbody><tr>
    <td class="thead" colspan="8">
    <center><strong>Nasze Serwery || CsPodbeskidzie.pl</strong></center>
    </td>
    </tr>
    <tr>
    <td class="tcat"><span class="smalltext"><strong></strong><center><strong><span class="ike_bg ike_red tipTip">Rodzaj</span></strong></center></span></td>
    <td class="tcat"><span class="smalltext"><strong></strong><center><span class="ike_bg ike_red tipTip"><strong>IP</strong></center></span></span></td>
    <td class="tcat"><span class="smalltext"><strong></strong><center><span class="ike_bg ike_red tipTip"><strong>Nazwa</strong></center></span></span></td>
    <td class="tcat"><span class="smalltext"><strong></strong><center><span class="ike_bg ike_red tipTip"><strong>Monitoring</strong></center></span></span>
    <td class="tcat"><span class="smalltext"><strong></strong><center><span class="ike_bg ike_red tipTip"><strong>Opiekun</strong></center></span></span>
    <td class="tcat"><span class="smalltext"><strong></strong><center><span class="ike_bg ike_red tipTip"><strong>HLTV</strong></center></span></span></td>
    <td class="tcat"><span class="smalltext"><strong></strong><center><span class="ike_bg ike_red tipTip"><strong>GT</strong></center></span></span>
    </tr><tr>
    <td class="trow2"> <span class="smalltext"><center><img src="images/cs16.png" <="" span=""></center></span></td>
    <td class="trow2"> <span class="smalltext"><center>91.224.117.57:27090</center></span></td>
    <td class="trow2"> <span class="smalltext"><center>CsPodbeskidzie.pl [BF2/VIP] [Rangi/Mapy CS;GO]</center></span></td>
    <td class="trow2"> <span class="smalltext"><center><a href="http://www.gametracker.com/server_info/91.224.117.57:27090/" target="_blank"><img src="http://cache.www.gametracker.com/server_info/91.224.117.57:27090/b_350_20_FF0000_390606_FFFFFF_000000.png" border="0" width="350" height="20" style="margin-bottom: 5px;box-shadow: 0px 0px 14px 3px #FF0000;"/></a></center></span></td>
    <td class="trow2"> <span class="smalltext"><center><span style="text-shadow: 1px 1px 10px #e3e3e3 ; font-size: 12px; color: #000000; font-weight: bold; background: "><i class="fa fa-star fa-spin"></i>kill_boy</span></center></span></td>
    <td class="trow2"> <span class="smalltext"><center></center></span></td>
    <td class="trow2"> <span class="smalltext"><center><a href="http://www.gametracker.com/server_info/91.224.117.57:27090/"><img src="images/gt.png" <="" a=""></a></center></span></td>
       </tr><tr>
    </tr></tbody></table>



<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: 75%;">
{$dvz_shoutbox}
{$forums}
</div>
<div class="sidebar" style="float: right;width: 24%;">
  <table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder border_table" style="clear: both;">
<tr>
<td class="thead" colspan="1">

	 <span style="color: #bcbcbc"> Kontakt z Administracją </span>

</td>
</tr>
    <tr>
    <td class="thead">
    <center>
    <img src="http://cspodbeskidzie.pl/uploads/avatars/avatar_2.jpg?dateline=1478348651" style="padding: 1px;float: left;width: 50px;height: 50px;margin-right: 5px;border: 1px solid #A65F17; box-shadow: 0px 0px 6px -2px #A65F17; border-radius: 50%;">
    <span style="float: left;">
    <a data-ipb="nomediaparse"http://cspodbeskidzie.pl/uploads/avatars/avatar_2.jpg?dateline=1478348651"<span style="text-shadow: 1px 1px 10px #e3e3e3 ; font-size: 12px; color: #000000; font-weight: bold; background: "><i class="fa fa-star fa-spin"></i>Mikoaaj</span></a><br>
    <span style=" float:left; margin-top: 2px;">
<img src="http://cdn.support.sonymobile.com/common/assets/userguide/c1605/ICN-SONY-SYM-ACTION-SMS-low.png" alt="GG: 53199685" style="width:14px;margin-bottom:-2px;" border="0">
    <span style="color:#fff;"><b>PW:</b></span> <a href="http://cspodbeskidzie.pl/private.php?action=send&uid=2">Wyślij wiadomość</a></span>
    <span style=" float:left; ">
    <img src="http://status.gadu-gadu.pl/users/status.asp?id=58351406" alt="GG: 58351406" style="width:14px;margin-bottom:-2px;" border="0"> <span style="color:#fff"><b>GaduGadu:</b></span> <a data-ipb="nomediaparse" href="gg:58351406">58351406</a></span>
</tr>
	</td>
            </center>
<tr>
    <td class="thead">
    <center>
<img src="http://cspodbeskidzie.pl/images/default_avatar.png" style="padding: 1px;float: left;width: 50px;height: 50px;margin-right: 5px;border: 1px solid #A65F17; box-shadow: 0px 0px 6px -2px #A65F17; border-radius: 50%;">
    <span style="float: left;">
    <a data-ipb="nomediaparse"http://cspodbeskidzie.pl/images/default_avatar.png"<span style="text-shadow: 1px 1px 10px #e3e3e3 ; font-size: 12px; color: #000000; font-weight: bold; background: "><i class="fa fa-star fa-spin"></i>kill_boy</span></a><br>
    <span style=" float:left; margin-top: 2px;">
<img src="http://cdn.support.sonymobile.com/common/assets/userguide/c1605/ICN-SONY-SYM-ACTION-SMS-low.png" alt="GG: 53199685" style="width:14px;margin-bottom:-2px;" border="0">
    <span style="color:#fff;"><b>PW:</b></span> <a href="http://cspodbeskidzie.pl/private.php?action=send&uid=1">Wyślij wiadomość</a></span>
    <span style=" float:left; ">
    <img src="https://3.bp.blogspot.com/-nmkpbOSDO7k/V3PUfw1vPBI/AAAAAAAACVs/GCxM0aekck4lQV32c69PSS5s_SJMnQkOACLcB/s1600/poczta.png" alt="GG: 53199685" style="width:14px;margin-bottom:-2px;" border="0"> <span style="color:#fff"><b>Poczta:</b></span>kontakt@cspodbeskidzie.pl</a></span>
   </tr>
	</td>
            </center>
<tr>
    <td class="thead">
    <center>
<img src="http://i63.tinypic.com/t551y8.png?dateline=1478344792" style="padding: 1px;float: left;width: 50px;height: 50px;margin-right: 5px;border: 1px solid #A65F17; box-shadow: 0px 0px 6px -2px #A65F17; border-radius: 50%;">
    <span style="float: left;">
    <a data-ipb="nomediaparse"http://i63.tinypic.com/t551y8.png?dateline=1478344792"<span style="text-shadow: 1px 1px 10px #0C099E; color:#D7D7DE; font-weight:bold; background: "><i class="fa fa-spinner fa-spin"></i>N3t}{aSs</span></a><br>
    <span style=" float:left; margin-top: 2px;">
<img src="http://cdn.support.sonymobile.com/common/assets/userguide/c1605/ICN-SONY-SYM-ACTION-SMS-low.png" alt="GG: 53199685" style="width:14px;margin-bottom:-2px;" border="0">
    <span style="color:#fff;"><b>PW:</b></span> <a href="http://cspodbeskidzie.pl/private.php?action=send&uid=4">Wyślij wiadomość</a></span>
    <span style=" float:left; ">
    <img src="http://status.gadu-gadu.pl/users/status.asp?id=60879977" alt="GG: 60879977" style="width:14px;margin-bottom:-2px;" border="0"> <span style="color:#fff"><b>GaduGadu:</b></span> <a data-ipb="nomediaparse" href="gg:60879977">60879977</a></span>
		

</tr>
	</td>
            </center>
</table>

	


{$statsuserlog}
<br>
{$forumteamonline}

	
 <table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder border_table" style="clear: both;">
<tr>
<td class="thead" colspan="1">

	   Na Skróty 

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


<center>
	
	

	
	
	
	
	
				<a href="http://cspodbeskidzie.pl/forumdisplay.php?fid=2">
<div id="boczny">
Regulaminy 
</div>
		
				</a>
			
				<a href="http://cspodbeskidzie.pl/forumdisplay.php?fid=5">
<div id="boczny">
Rekrutacja
</div>
				</a>
				<a href="http://cspodbeskidzie.pl/forumdisplay.php?fid=21">
<div id="boczny">
Zareklamuj nas
</div>
				</a>
				<a href="http://cspodbeskidzie.pl/forumdisplay.php?fid=16">
<div id="boczny">
Propozycje & Sugestie
</div>
		      
			    </a>
	<a href="http://cspodbeskidzie.pl/forumdisplay.php?fid=24">
<div id="boczny">
Wstaw ScreenShot-y
</div>
					</a>
<a href="http://cspodbeskidzie.pl/forumdisplay.php?fid=15">
<div id="boczny">
Odpracuj Ostrzeżenie
</div>
					</a>
	</center>	
	
	

</td>
</tr>
</table>	
	
	<br>	
{$topStats['LastThreads']} 
{$topStats['Posters']}
{$topStats['Reputation']}
{$topStats['TimeOnline']} 	
	
</div>

{$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>

 

image

Odnośnik do komentarza
Udostępnij na innych stronach

  • Ekspert

Zacznijmy od tego, że te CSSy:

<link href="https://fonts.googleapis.com/css?family=Quattrocento+Sans" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300" rel="stylesheet">
<link href='https://fonts.googleapis.com/css?family=Lato:300' rel='stylesheet' type='text/css'>
<link href='https://fonts.googleapis.com/css?family=Ubuntu' rel='stylesheet' type='text/css'>
<link href='https://fonts.googleapis.com/css?family=Exo+2' rel='stylesheet' type='text/css'>
<link href='https://fonts.googleapis.com/css?family=Roboto+Condensed' rel='stylesheet' type='text/css'>

powinny znajdować się pomiędzy znacznikami <head> i </head> i dodatkowo w szablonie headerinclude a nie index.

Dodatkowo nie będą Ci się wyświetlać polskie znaki bo brakuje im zestawu właśnie zestawu z naszymi znakami: latin-ext

Linia 1528:


<div class="thead"><table border="0" cellspacing="0" cellpadding="5" style="width:100%"></div>

Nie domykasz tabeli i zmykasz ja w divie, który ma klasę odpowiedzialną za nagłówek (w przypadku mybb będzie to nagłówek tabel). Cały ten kod w tym szablonie jest koślawo napisany bo kwiatków takich jest nie co więcej. Ja Ci radzę włączyć Notepad++ skopiować cały ten kod a następnie zapisać z rozszerzeniem .html i sprawdzić gdzie składnia nie będzie posiadała kolorów, będzie to oznaczało, że gdzieś w tym pobliżu jest błąd (zła nazwa znacznika domykającego lub jego brak).

Wracając jeszcze do tych CSSów to każdy nowy arkusz czy zewnętrzny plik js ładujesz po przez wpisanie jego linijki do szablonu headerinclude, to tak na przyszłość.

Odnośnik do komentarza
Udostępnij na innych stronach

  • Ekspert
2 minuty temu, Mikoaaj napisał:

tab btw zanim napiszesz o css to zastanów się czy nie było ich już w stylu .Dzięki za radę i pomoc .

To, że autor stylu zakodował go jak gówno, nie uprawnia Ciebie do braku poprawienia tego, bo jak już masz się zamiar podpisać pod edycją - co jest równoważne po części z chwaleniem się - to lepiej dla Ciebie, żeby kodowanie po edycji było lepsze niż oryginał.

Odnośnik do komentarza
Udostępnij na innych stronach

Gość
Ten temat został zamknięty. Brak możliwości dodania odpowiedzi.
 Udostępnij

×