Dołącz do zespołu ekspertów! Backend lub Frontend Developer?

Sprawdź najnowsze oferty pracy naszego partnera - 8lines.io!

Indywidualny slidebar

Błąd   Założony przez  kdmm.

13.03.2016, 19:11 (Ten post był ostatnio modyfikowany: 13.03.2016, 19:25 przez kdmm.)
#1
wersja skryptu MyBB:
adres forum: http://www.csgamers.pl/index.php
na czym polega problem (screen, opis, komunikaty, nazwa stylu/theme/szablonu):

Witam oryginalnie w stylu mam slidebar jest on widoczny na adresie forum które podałem
Mianowicie chciałbym skopiować ten slidebar żeby był widoczny pod spodem tego głównego slidebaru udaje mi się jedynie skopiować go obok z lewej strony :D

kod Index

<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}
<br class="clear" />
<div class="sidebar" style="float: right;width: 22%;">
<table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder">
<tr>
<td class="thead"><strong style="background: #111 url(images/duende2/topic_button.png)  repeat-x top;  border: 1px solid #212B58;  border-width: 1px 1px 0 1px;  -moz-border-radius: 3px;  -webkit-border-radius: 3px;  border-radius: 3px;  background: -moz-linear-gradient(top, #111 0%, #111 100%);  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#111111), color-stop(100%,111));  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.6) inset, 0 0 0 1px rgba(255, 255, 255, 0.05), 0 1px 0 rgba(255, 255, 255, 0.1);  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.6) inset, 0 0 0 1px rgba(255, 255, 255, 0.05), 0 1px 0 rgba(255, 255, 255, 0.1);  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2) inset, 0 0 0 1px rgba(255, 255, 255, 0.02), 0 1px 0 rgba(255, 255, 255, 0.1);  -moz-border-radius: 3px;  -webkit-border-radius: 3px;  border-radius: 3px;        white-space: nowrap;  -webkit-transition: all 0.2s ease-in-out;  -moz-transition: all 0.2s ease-in-out;  color: #fff;  text-shadow: 0 -1px 0 #191919;  font: 300 12px/1.3 Helvetica, Arial, sans-serif;  line-height: 30px;  height: 30px;  padding: 0 10px;  text-align: center;  min-width: 125px;  display: inline-block;">
Partner
</strong></td>
</tr>
<tr>
<td class="trow1">
<a href="https://www.facebook.com/xZZSxx/?fref=ts"><img src="http://www.csgamers.pl/images/duende2/escpartner.png" alt="EGS" /></a>
</td>
</tr>
</table></br>

</div>
<div class="forums" style="float: left;width: 77%;">
{$forums}
</div>
<br class="clear" />
{$boardstats}
<br style="clear: both" />{$theme_select}
{$footer}
</body>
</html>

Usuwałem kod "{$forums}" i wklejałem slidebar skopiowany od tego co jest o nazwie "Partner" i dawało mi go obok z lewej storny a jak zrobić żeby był pod?
Dodałem
Ardex napisał 13.03.2016, 19:12:
Podaj adres forum
13.03.2016, 19:54
#2
<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}
<br class="clear" />
<div class="sidebar" style="float: right;width: 22%;">
</br>

</div>
<div class="forums" style="float: left;width: 77%;">
{$forums}
</div>
<br class="clear" />
<table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder">
<tr>
<td class="thead"><strong style="background: #111 url(images/duende2/topic_button.png)  repeat-x top;  border: 1px solid #212B58;  border-width: 1px 1px 0 1px;  -moz-border-radius: 3px;  -webkit-border-radius: 3px;  border-radius: 3px;  background: -moz-linear-gradient(top, #111 0%, #111 100%);  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#111111), color-stop(100%,111));  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.6) inset, 0 0 0 1px rgba(255, 255, 255, 0.05), 0 1px 0 rgba(255, 255, 255, 0.1);  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.6) inset, 0 0 0 1px rgba(255, 255, 255, 0.05), 0 1px 0 rgba(255, 255, 255, 0.1);  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2) inset, 0 0 0 1px rgba(255, 255, 255, 0.02), 0 1px 0 rgba(255, 255, 255, 0.1);  -moz-border-radius: 3px;  -webkit-border-radius: 3px;  border-radius: 3px;        white-space: nowrap;  -webkit-transition: all 0.2s ease-in-out;  -moz-transition: all 0.2s ease-in-out;  color: #fff;  text-shadow: 0 -1px 0 #191919;  font: 300 12px/1.3 Helvetica, Arial, sans-serif;  line-height: 30px;  height: 30px;  padding: 0 10px;  text-align: center;  min-width: 125px;  display: inline-block;">
Partner
</strong></td>
</tr>
<tr>
<td class="trow1">
<a href="https://www.facebook.com/xZZSxx/?fref=ts"><img src="http://www.csgamers.pl/images/duende2/escpartner.png" alt="EGS" /></a>
</td>
</tr>
</table>

{$boardstats}
<br style="clear: both" />{$theme_select}
{$footer}
</body>
</html>
13.03.2016, 20:08 (Ten post był ostatnio modyfikowany: 13.03.2016, 20:30 przez Ardex.)
#3
SS - http://zapodaj.net/30f4a60a243e6.png.html

Chyba źle wytłumaczyłem, zrobiłeś slidebar na sam dół pod wszystkie działy mi chodzi o to żeby był to boczny z prawej strony tak jak ten główny tylko zaraz pod nim
Mógłby mi ktoś jeszcze powiedzieć jak usunąć te odfajkowane posty? chodzi mi o wstawienie tam obrazka lub całkowite usunięcie tego bo to nie jest grafika która jest w stylu tylko kod css którego nie mogę wyszukać i nie mogę z nim nic zrobić oprócz zmienienia kolorystyki
.fa-check:before {
   content: "\f00c";
}
Jedynie w przeglądarce odfajkowanie tego niweluje ta śmieszną ikonę która jest np przy dziale "Zgłoszenie Oszustwa" 
W adresie forum gdy wchodzę w notepad++ i szukam tego kodu wyżej nie znajduje mi go tak jakby był zaszyfrowany nie wiem, uczę się dopiero
Ardex napisał 13.03.2016, 20:29:
Jeden wątek - jeden problem
Jak szybko otrzymać pomoc?
13.03.2016, 20:30 (Ten post był ostatnio modyfikowany: 13.03.2016, 20:31 przez Ardex.)
#4
Jeżeli chcesz, żeby panel boczny był po prostu niżej to dodaj do global.css na końcu
.sidebar {
    margin-top: 140px;
}
Żeby bardziej obniżyć pobaw się wartością 140, spróbuj użyć 100, 200, 250
i szablonu index zamień na
<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}
<br class="clear" />
<div class="sidebar" style="float: right;width: 22%;">
<table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder">
<tr>
<td class="thead"><strong style="background: #111 url(images/duende2/topic_button.png)  repeat-x top;  border: 1px solid #212B58;  border-width: 1px 1px 0 1px;  -moz-border-radius: 3px;  -webkit-border-radius: 3px;  border-radius: 3px;  background: -moz-linear-gradient(top, #111 0%, #111 100%);  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#111111), color-stop(100%,111));  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.6) inset, 0 0 0 1px rgba(255, 255, 255, 0.05), 0 1px 0 rgba(255, 255, 255, 0.1);  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.6) inset, 0 0 0 1px rgba(255, 255, 255, 0.05), 0 1px 0 rgba(255, 255, 255, 0.1);  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2) inset, 0 0 0 1px rgba(255, 255, 255, 0.02), 0 1px 0 rgba(255, 255, 255, 0.1);  -moz-border-radius: 3px;  -webkit-border-radius: 3px;  border-radius: 3px;        white-space: nowrap;  -webkit-transition: all 0.2s ease-in-out;  -moz-transition: all 0.2s ease-in-out;  color: #fff;  text-shadow: 0 -1px 0 #191919;  font: 300 12px/1.3 Helvetica, Arial, sans-serif;  line-height: 30px;  height: 30px;  padding: 0 10px;  text-align: center;  min-width: 125px;  display: inline-block;">
Partner
</strong></td>
</tr>
<tr>
<td class="trow1">
<a href="https://www.facebook.com/xZZSxx/?fref=ts"><img src="http://www.csgamers.pl/images/duende2/escpartner.png" alt="EGS" /></a>
</td>
</tr>
</table></br>

</div>
<div class="forums" style="float: left;width: 77%;">
{$forums}
</div>
<br class="clear" />
{$boardstats}
<br style="clear: both" />{$theme_select}
{$footer}
</body>
</html>
13.03.2016, 20:51
#5
(13.03.2016, 20:30)Ardex napisał(a): Jeżeli chcesz, żeby panel boczny był po prostu niżej to dodaj do global.css na końcu
Chce aby było dwa takie same slidebary nie żeby ten był niże tylko żeby były dwa jeden pod drugim :)
13.03.2016, 21:02 (Ten post był ostatnio modyfikowany: 13.03.2016, 21:29 przez Ardex.)
#6
Usuń z global.css to co wkleiłeś wcześniej, zamień index na to
<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}
<br class="clear" />
<div class="sidebar" style="float: right;width: 22%;">
<table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder">
<tr>
<td class="thead"><strong class="sidebar_tytul">
Partner
</strong></td>
</tr>
<tr>
<td class="trow1">
<a href="https://www.facebook.com/xZZSxx/?fref=ts"><img src="http://www.csgamers.pl/images/duende2/escpartner.png" alt="EGS" /></a>
</td>
</tr>
</table><br><br>
<table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder">
<tr>
<td class="thead"><strong class="sidebar_tytul">
Partner
</strong></td>
</tr>
<tr>
<td class="trow1">
<a href="https://www.facebook.com/xZZSxx/?fref=ts"><img src="http://www.csgamers.pl/images/duende2/escpartner.png" alt="EGS" /></a>
</td>
</tr>
</table></br>
</div>
<div class="forums" style="float: left;width: 77%;">
{$forums}
</div>
<br class="clear" />
{$boardstats}
<br style="clear: both" />{$theme_select}
{$footer}
</body>
</html>
i do global.css dodaj

.sidebar_tytul {
background: #111 url(images/duende2/topic_button.png) repeat-x top;  
border: 1px solid #212B58;
border-width: 1px 1px 0 1px;  
-moz-border-radius: 3px;  
-webkit-border-radius: 3px;  
border-radius: 3px;  background: -moz-linear-gradient(top, #111 0%, #111 100%);  
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#111111), color-stop(100%,111));  
-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.6) inset, 0 0 0 1px rgba(255, 255, 255, 0.05), 0 1px 0 rgba(255, 255, 255, 0.1);  
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.6) inset, 0 0 0 1px rgba(255, 255, 255, 0.05), 0 1px 0 rgba(255, 255, 255, 0.1);  
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2) inset, 0 0 0 1px rgba(255, 255, 255, 0.02), 0 1px 0 rgba(255, 255, 255, 0.1);  
-moz-border-radius: 3px;  
-webkit-border-radius: 3px;  
border-radius: 3px;      
white-space: nowrap;  
-webkit-transition: all 0.2s ease-in-out;  
-moz-transition: all 0.2s ease-in-out;  
color: #fff;  
text-shadow: 0 -1px 0 #191919;  
font: 300 12px/1.3 Helvetica, Arial, sans-serif;  
line-height: 30px;  height: 30px;  
padding: 0 10px;  
text-align: center;  
min-width: 125px;
display: inline-block;
}
14.03.2016, 14:58
#7
Wszystko działa dziękuje za pomoc! :)



Użytkownicy przeglądający ten wątek:

1 gości