Skocz do zawartości

Jak dodać belkę nad shoutboxem? Jak zmieniać kolory na stronie? MyBB


UszaTek
 Udostępnij

Rekomendowane odpowiedzi

1 minutę temu, Salvation napisał:

Pokaż szablon index i index_stats. Dodatkowo <font> i <center> JUŻ się nie używa.

Dodam, że z usunięciem już sobie poradziłem

index_stats

<tr><td class="tcat1"><span class="smalltext"><strong>{$lang->online_note}</strong></span></td></tr> <tr> <td class="trow1"><span class="smalltext">
{$membercount} {$memberbit}, {$guestcount} {$guestbit}, {$anoncount} {$anonbit}  <font color="white">(</font><a href="online.php">{$lang->complete_list}</a><font color="white">)</font> <br /><br /> {$onlinemembers}

<br /><br /> <span class="smalltext">{$usergroups}</span> <br /><br /> <div id="shoutbox_belka"><font size="4">Shoutbox</font></div>

{$dvz_shoutbox}	
	
<br /><br /> <center> <u>Copyright © 2010-2016 FuQs.ct8.pl</u><br />
	Wszelkie prawa zastrzeżone. Kopiowanie treści forum bez zgody administracji jest zabronione.<br />
	FuQs.ct8.pl nie ponosi odpowiedzialności za treści wypowiedzi zamieszczane przez użytkowników forum. 
</center> </span> </td> </tr>

index

<html> <head> <title>{$mybb->settings[bbname]}</title>
		{$headerinclude}
{$statusupdate_script}

		{$statusupdate_script}
		<script type="text/javascript">
			jQuery(document).ready(function($) { var secondButton, button, buttonShow, buttonHide;
				buttonHide = "{$lang->statusupdate_hidecomments}";
				buttonShow = "{$lang->statusupdate_showcomments}";
				button = $(".showcomment");
				secondButton = $(".addcomment");
				button.html(buttonShow);
				button.click(function(e) {
					e.preventDefault(); if (!$(this).nextAll(".showcomment_row").is(":animated")) {
						$(this).nextAll(".showcomment_row").slideToggle("slow", function() { if($(this).is(":visible")) {
								$(this).prevAll(".showcomment:first").html(buttonHide); } else {
								$(this).prevAll(".showcomment:first").html(buttonShow); } }); } });
				secondButton.click(function(e) {
					e.preventDefault(); if (!$(this).nextAll(".addcomment_row").is(":animated")) {
						$(this).nextAll(".addcomment_row").slideToggle("slow"); } }); }); </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}
		<div class="forum" style="float:left;margin:0 1% 0 0;width:825px">
			{$forums}
		</div> <div class="sidebar" style="float:left;width:280px"> <table border="0" cellspacing="{$theme[borderwidth]}" cellpadding="{$theme[tablespace]}" class="tborder"> <tr> <td class="thead">a</td> </tr> <tr> <td class="trow2" style="text-align: center"> <p class="uwaga">NA SKRÓTY</p><br /> <a style="font-size: 28px;font-weight: bold; color:white;font-family: comic;" class="bb" href="">Sklep 24/7</a><br />
						Automatyczny zakup usług na serwerach cs 1.6<br />
						_____________________________<br /> <br /> <a style="font-size: 28px;font-weight: bold; color:white;font-family: comic;" class="bb" href="">Odpracuj ostrzeżenie</a><br />
						Bo lepiej wyglądasz bez niego<br />
						_____________________________<br /> <br /> <a style="font-size: 28px;font-weight: bold; color:white;font-family: comic;" class="bb" href="">Ranga V.I.P</a><br />
						Posiadaj więcej przywilejów na forum<br />
						_____________________________<br /> <br /> <a style="font-size: 28px;font-weight: bold; color:white;font-family: comic;" class="bb" href="">Wspomóż nas</a><br />
						Bo istniejemy tylko dzięki Waszemu wsparciu!<br />
						_____________________________
					</td> </tr> </table><br />
			{$topStats[LastThreads]}<br /> <br />
			{$topStats[Reputation]}<br />
			{$topStats[Posters]}<br />
			{$statusupdate}
		</div>	
		{$dvz_shoutbox}	
		{$boardstats}
		<br class="clear" />
		{$footer}
	</body> </html>
Odnośnik do komentarza
Udostępnij na innych stronach

Tu masz odp. na tą "belkę":

.tcat1 {
    background: #0f0f0f url(../../../images/tcat.png) repeat-x;
    color: #fff;
    border-top: 1px solid #444;
    border-bottom: 1px solid #000;
    padding: 6px;
    font-size: 12px;
    width: 815px;
    margin: 0;
    border: 0;
    float: left;
}
Odnośnik do komentarza
Udostępnij na innych stronach

5 minut temu, pBartnik napisał:

Tu masz odp. na tą "belkę":

 


.tcat1 {
    background: #0f0f0f url(../../../images/tcat.png) repeat-x;
    color: #fff;
    border-top: 1px solid #444;
    border-bottom: 1px solid #000;
    padding: 6px;
    font-size: 12px;
    width: 815px;
    margin: 0;
    border: 0;
    float: left;
}

 

 

hm ustawiłem aby belka była krótsza a gdzie nie ma belki aby było tło tabeli.

Odnośnik do komentarza
Udostępnij na innych stronach

  • Ekspert

Po co grzebać w CSSie?

index_stats:

Spoiler

<tr>
	<td class="tcat">
		<span class="smalltext" style="font-weight:bold">{$lang->online_note}</span>
	</td>
</tr>
<tr>
	<td class="trow1">
		<span class="smalltext">
			{$membercount} {$memberbit}, {$guestcount} {$guestbit}, {$anoncount} {$anonbit} <span style="color:white">(<a href="online.php">{$lang->complete_list}</a>)</spann><br />
			<br />
			{$onlinemembers}<br />
			<br />
			{$usergroups}
		</span>
		<br />
		<br />
		{$dvz_shoutbox}
		<br />
		<br />
		<div style="text-align:center">
			<u>Copyright © 2010-2016 FuQs.ct8.pl</u><br />
			Wszelkie prawa zastrzeżone. Kopiowanie treści forum bez zgody administracji jest zabronione.<br />
			FuQs.ct8.pl nie ponosi odpowiedzialności za treści wypowiedzi zamieszczane przez użytkowników forum.
		</div>	
	</td>
</tr>

 

index:

Spoiler

<html>
	<head>
		<title>{$mybb->settings['bbname']}</title>
		{$headerinclude}
		{$statusupdate_script}
		<script type="text/javascript">
			jQuery(document).ready(function($) {
				var secondButton, button, buttonShow, buttonHide;
				buttonHide = "{$lang->statusupdate_hidecomments}";
				buttonShow = "{$lang->statusupdate_showcomments}";
				button = $(".showcomment");
				secondButton = $(".addcomment");
				button.html(buttonShow);
				button.click(function(e) {
					e.preventDefault();
					if (!$(this).nextAll(".showcomment_row").is(":animated")) {
						$(this).nextAll(".showcomment_row").slideToggle("slow", function() {
							if($(this).is(":visible")) {
								$(this).prevAll(".showcomment:first").html(buttonHide);
							} else {
								$(this).prevAll(".showcomment:first").html(buttonShow);
							}
						});
					}
				});
				secondButton.click(function(e) {
					e.preventDefault();
					if (!$(this).nextAll(".addcomment_row").is(":animated")) {
						$(this).nextAll(".addcomment_row").slideToggle("slow");
					}
				});
			});
		</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}
		<div class="forum" style="float:left;margin:0 1% 0 0;width:69%">
			{$forums}
		</div> 
		<div class="sidebar" style="float:left;width:30%">
			<table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder">
				<tr>
					<td class="thead">a</td>
				</tr>
				<tr>
					<td class="trow2" style="text-align: center">
						<p class="uwaga">NA SKRÓTY</p><br />
						<a style="font-size: 28px;font-weight: bold; color:white;font-family: comic;" class="bb" href="">Sklep 24/7</a><br />
						Automatyczny zakup usług na serwerach cs 1.6<br />
						_____________________________<br />
						<br />
						<a style="font-size: 28px;font-weight: bold; color:white;font-family: comic;" class="bb" href="">Odpracuj ostrzeżenie</a><br />
						Bo lepiej wyglądasz bez niego<br />
						_____________________________<br />
						<br />
						<a style="font-size: 28px;font-weight: bold; color:white;font-family: comic;" class="bb" href="">Ranga V.I.P</a><br />
						Posiadaj więcej przywilejów na forum<br />
						_____________________________<br />
						<br />
						<a style="font-size: 28px;font-weight: bold; color:white;font-family: comic;" class="bb" href="">Wspomóż nas</a><br />
						Bo istniejemy tylko dzięki Waszemu wsparciu!<br />
						_____________________________
					</td>
				</tr>
			</table><br />
			{$topStats['LastThreads']}<br />
			<br />
			{$topStats['Reputation']}<br />
			{$topStats['Posters']}<br />
			{$statusupdate}
		</div>
		<br />
		{$boardstats}
		<br class="clear" />
		{$footer}
	</body>
</html>

 

Pokaż mi jeszcze szablon wtyczki i plik shoutboxa.

Odnośnik do komentarza
Udostępnij na innych stronach

Bezsensu... Pierwszy raz widzę takie pomysły... Można zrobić też dwa <td> ale ty masz belkę i nie wiem jaki rozmiar więc poszedłem na łatwiznę

Znajdź:

<tr>

Zamień na:

<tr style="background-color: #2b2b2b;">

Zrób najlepiej osobną classe

2 minuty temu, Salvation napisał:

Po co grzebać w CSSie?

 

index_stats:

  Ukryj zawartość


<tr>
	<td class="tcat">
		<span class="smalltext" style="font-weight:bold">{$lang->online_note}</span>
	</td>
</tr>
<tr>
	<td class="trow1">
		<span class="smalltext">
			{$membercount} {$memberbit}, {$guestcount} {$guestbit}, {$anoncount} {$anonbit} <span style="color:white">(<a href="online.php">{$lang->complete_list}</a>)</spann><br />
			<br />
			{$onlinemembers}<br />
			<br />
			{$usergroups}
		</span>
		<br />
		<br />
		{$dvz_shoutbox}
		<br />
		<br />
		<div style="text-align:center">
			<u>Copyright © 2010-2016 FuQs.ct8.pl</u><br />
			Wszelkie prawa zastrzeżone. Kopiowanie treści forum bez zgody administracji jest zabronione.<br />
			FuQs.ct8.pl nie ponosi odpowiedzialności za treści wypowiedzi zamieszczane przez użytkowników forum.
		</div>	
	</td>
</tr>

 

 

index:

  Pokaż ukrytą zawartość


<html>
	<head>
		<title>{$mybb->settings['bbname']}</title>
		{$headerinclude}
		{$statusupdate_script}
		<script type="text/javascript">
			jQuery(document).ready(function($) {
				var secondButton, button, buttonShow, buttonHide;
				buttonHide = "{$lang->statusupdate_hidecomments}";
				buttonShow = "{$lang->statusupdate_showcomments}";
				button = $(".showcomment");
				secondButton = $(".addcomment");
				button.html(buttonShow);
				button.click(function(e) {
					e.preventDefault();
					if (!$(this).nextAll(".showcomment_row").is(":animated")) {
						$(this).nextAll(".showcomment_row").slideToggle("slow", function() {
							if($(this).is(":visible")) {
								$(this).prevAll(".showcomment:first").html(buttonHide);
							} else {
								$(this).prevAll(".showcomment:first").html(buttonShow);
							}
						});
					}
				});
				secondButton.click(function(e) {
					e.preventDefault();
					if (!$(this).nextAll(".addcomment_row").is(":animated")) {
						$(this).nextAll(".addcomment_row").slideToggle("slow");
					}
				});
			});
		</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}
		<div class="forum" style="float:left;margin:0 1% 0 0;width:69%">
			{$forums}
		</div> 
		<div class="sidebar" style="float:left;width:30%">
			<table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder">
				<tr>
					<td class="thead">a</td>
				</tr>
				<tr>
					<td class="trow2" style="text-align: center">
						<p class="uwaga">NA SKRÓTY</p><br />
						<a style="font-size: 28px;font-weight: bold; color:white;font-family: comic;" class="bb" href="">Sklep 24/7</a><br />
						Automatyczny zakup usług na serwerach cs 1.6<br />
						_____________________________<br />
						<br />
						<a style="font-size: 28px;font-weight: bold; color:white;font-family: comic;" class="bb" href="">Odpracuj ostrzeżenie</a><br />
						Bo lepiej wyglądasz bez niego<br />
						_____________________________<br />
						<br />
						<a style="font-size: 28px;font-weight: bold; color:white;font-family: comic;" class="bb" href="">Ranga V.I.P</a><br />
						Posiadaj więcej przywilejów na forum<br />
						_____________________________<br />
						<br />
						<a style="font-size: 28px;font-weight: bold; color:white;font-family: comic;" class="bb" href="">Wspomóż nas</a><br />
						Bo istniejemy tylko dzięki Waszemu wsparciu!<br />
						_____________________________
					</td>
				</tr>
			</table><br />
			{$topStats['LastThreads']}<br />
			<br />
			{$topStats['Reputation']}<br />
			{$topStats['Posters']}<br />
			{$statusupdate}
		</div>
		<br />
		{$boardstats}
		<br class="clear" />
		{$footer}
	</body>
</html>

 

 

Pokaż mi jeszcze szablon wtyczki i plik shoutboxa.

@Salvation dał rozwiązane nie wiedziałem, że jest ta classa tutaj bo mało w MyBB robię ;D 

Cz2.: Przy mniejszym okienku przeglądarki shoutbox wpada na to miejsce w jakim powinien być chciałbym zauważyć

Po takiej zmianie shoutbox wpada na swoje miejsce przy większym okienku: 

Przed:

#shoutbox {
    margin-bottom: 10px;
    border: solid 2px rgba(0,0,0,0.1);
}

Po:

#shoutbox {
    margin-bottom: 10px;
    border: solid 2px rgba(0,0,0,0.1);
    float: left;
}

/* ----> Kod jest bardzo najebany więc nie chce mi się kombinować bardzo <---- */

Edytowane przez Gość
Odnośnik do komentarza
Udostępnij na innych stronach

12 godzin temu, Salvation napisał:

Po co grzebać w CSSie?

 

index_stats:

  Ukryj zawartość


<tr>
	<td class="tcat">
		<span class="smalltext" style="font-weight:bold">{$lang->online_note}</span>
	</td>
</tr>
<tr>
	<td class="trow1">
		<span class="smalltext">
			{$membercount} {$memberbit}, {$guestcount} {$guestbit}, {$anoncount} {$anonbit} <span style="color:white">(<a href="online.php">{$lang->complete_list}</a>)</spann><br />
			<br />
			{$onlinemembers}<br />
			<br />
			{$usergroups}
		</span>
		<br />
		<br />
		{$dvz_shoutbox}
		<br />
		<br />
		<div style="text-align:center">
			<u>Copyright © 2010-2016 FuQs.ct8.pl</u><br />
			Wszelkie prawa zastrzeżone. Kopiowanie treści forum bez zgody administracji jest zabronione.<br />
			FuQs.ct8.pl nie ponosi odpowiedzialności za treści wypowiedzi zamieszczane przez użytkowników forum.
		</div>	
	</td>
</tr>

 

 

index:

  Ukryj zawartość


<html>
	<head>
		<title>{$mybb->settings['bbname']}</title>
		{$headerinclude}
		{$statusupdate_script}
		<script type="text/javascript">
			jQuery(document).ready(function($) {
				var secondButton, button, buttonShow, buttonHide;
				buttonHide = "{$lang->statusupdate_hidecomments}";
				buttonShow = "{$lang->statusupdate_showcomments}";
				button = $(".showcomment");
				secondButton = $(".addcomment");
				button.html(buttonShow);
				button.click(function(e) {
					e.preventDefault();
					if (!$(this).nextAll(".showcomment_row").is(":animated")) {
						$(this).nextAll(".showcomment_row").slideToggle("slow", function() {
							if($(this).is(":visible")) {
								$(this).prevAll(".showcomment:first").html(buttonHide);
							} else {
								$(this).prevAll(".showcomment:first").html(buttonShow);
							}
						});
					}
				});
				secondButton.click(function(e) {
					e.preventDefault();
					if (!$(this).nextAll(".addcomment_row").is(":animated")) {
						$(this).nextAll(".addcomment_row").slideToggle("slow");
					}
				});
			});
		</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}
		<div class="forum" style="float:left;margin:0 1% 0 0;width:69%">
			{$forums}
		</div> 
		<div class="sidebar" style="float:left;width:30%">
			<table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder">
				<tr>
					<td class="thead">a</td>
				</tr>
				<tr>
					<td class="trow2" style="text-align: center">
						<p class="uwaga">NA SKRÓTY</p><br />
						<a style="font-size: 28px;font-weight: bold; color:white;font-family: comic;" class="bb" href="">Sklep 24/7</a><br />
						Automatyczny zakup usług na serwerach cs 1.6<br />
						_____________________________<br />
						<br />
						<a style="font-size: 28px;font-weight: bold; color:white;font-family: comic;" class="bb" href="">Odpracuj ostrzeżenie</a><br />
						Bo lepiej wyglądasz bez niego<br />
						_____________________________<br />
						<br />
						<a style="font-size: 28px;font-weight: bold; color:white;font-family: comic;" class="bb" href="">Ranga V.I.P</a><br />
						Posiadaj więcej przywilejów na forum<br />
						_____________________________<br />
						<br />
						<a style="font-size: 28px;font-weight: bold; color:white;font-family: comic;" class="bb" href="">Wspomóż nas</a><br />
						Bo istniejemy tylko dzięki Waszemu wsparciu!<br />
						_____________________________
					</td>
				</tr>
			</table><br />
			{$topStats['LastThreads']}<br />
			<br />
			{$topStats['Reputation']}<br />
			{$topStats['Posters']}<br />
			{$statusupdate}
		</div>
		<br />
		{$boardstats}
		<br class="clear" />
		{$footer}
	</body>
</html>

 

 

Pokaż mi jeszcze szablon wtyczki i plik shoutboxa.

Posiadam ten sb:

https://mybboard.pl/temat-dvz-shoutbox-2-3-1_32763

lecz nadal go nie wyświetla. 

Odnośnik do komentarza
Udostępnij na innych stronach

Problem wciąż nierozwiązany? Dodaj swoją odpowiedź

Jeśli chcesz dodać odpowiedź, zaloguj się lub zarejestruj nowe konto. Jedynie zarejestrowani użytkownicy mogą komentować zawartość tej strony.

Zarejestruj nowe konto

Załóż nowe konto. To bardzo proste!

Zarejestruj się

Zaloguj się

Posiadasz już konto? Zaloguj się poniżej.

Zaloguj się
 Udostępnij

×