Webboard

Pełna wersja: Zmiana koloru belki shoutbox
Aktualnie przeglądasz uproszczoną wersję forum. Kliknij tutaj, by zobaczyć wersję z pełnym formatowaniem.
wersja skryptu MyBB:1.6
adres forum:tivolt.pl
na czym polega problem (screen, opis, komunikaty):[Obrazek: 03420115257121086384.png]
Kilka problemów związanych z shoutbox-em ,avatarami i panelem bocznym


Witam w pierwszej kolejności chciałbym zmienić kolor belki.Problem jest w tym że belki dostosowują się pod wybrany kolor na forum próbowałem ale nie mogłem tego zrobić.Shoutbox-a instalowałem z tego linku http://www.webmasteruj.pl/dvz-shoutbox-a...t47466.htm tutaj dodaje kod szablonu globalnego >dvz_shoutbox bo tutaj prawdopodobnie trzeba to zmienić moim zdaniem jeżeli nie w tym pliku to oczywiście podrzucę te które trzeba.
Kod PHP:
<head>
<
style>
.
tablehead 
   
background#007bff url(../../../images/deflection/thead.png) repeat-x 100% 50%; 
   
color#ffffff; 
   
line-height:36px
   
height:36px
   
font-size16px
   
font-weight300
   
box-shadowinset 0px 1px 0 #528cbc; 
   
border-top1px solid #316897; 
   
border-left1px solid #316897; 
   
border-right1px solid #316897; 
   
border-radius4px 4px 0 0
   -
moz-border-radius4px 4px 0 0
   -
webkit-border-top-left-radius4px
   -
webkit-border-top-right-radius4px
   
overflowhidden
}

.
thead img padding-top 10x;}

.
thead .right floatrightmargin0padding-top1pxfont-size:  13px; }
.
thead a color#FFF !important; text-decoration: none; }

#shoutbox_data { font: 13px Arial, sans-serif; }
#shoutbox { margin-bottom: 5px; }
#shoutbox .panel { padding: 2px; }
#shoutbox .panel-blocked { margin: 1px 0; padding: 5px; background: #FCEFEF; font-size: 11px; color: #543A3A; }
#shoutbox .panel-away { margin: 1px 0; padding: 5px;  background: #EDEDED; font-size: 11px; color: #7A7A7A; }
#shoutbox .panel-away button { margin-right: 5px; padding: 5px; font-family: Tahoma, sans-serif; color: #FFF; font-size: 11px; font-weight: bold; text-align: center; text-shadow: 0 -1px 0 #297318; border-radius: 5px; background: #962725; border: none; border-radius: 3px; }
#shoutbox .panel-minposts { margin: 1px 0; padding: 5px; background: #FFFED8; font-size: 11px; color: #727250; }
img#dvz_sb_loading { position: relative; top: 3px; left: 5px; }
input#shout_text { margin-right: 2px; padding: 5px 6px 6px 6px; width: 90%; background: #FFF; border: 1px solid #898989; border-radius: 2px; font-family: Tahoma, sans-serif; font-size: 12px; color: #000; }
input#shout_button { padding: 5px; font-family: Tahoma, sans-serif; color: #FFF; font-size: 11px; font-weight: bold; text-align: center; text-shadow: 0 -1px 0 #297318; border-radius: 5px; background: #499338; border: solid 1px #499338; border-radius: 3px; }
.sbentry padding0; }
#shoutbox .userdata { margin: 0; padding: 6px; float: left;  text-align: right; }
#shoutbox .text { margin: 0; padding: 6px; color: #333333; }
#shoutbox .insUser { cursor: pointer; color: #AAAAAA; }
#shoutbox .info { float: right; margin-top: 5px; margin-right: 5px; font-size: 11px; color: #888888; }
#shoutbox .info .date { margin-right: 5px; }
#shoutbox .info .ip { margin-right: 5px; color: #CECECE; }
#shoutbox .mod { padding: 2px 5px; background: #333333; border-radius: 3px; font-size: 10px; font-weight: bold; color: #FFF; text-decoration: none; }
#shoutbox .dvz_sb_del { background-color: #6B0100; }
#shoutbox img.avatar { float: left; display: inline-block; margin-top: -1px; margin-right: 5px; max-height: 16px; max-width: 16px; border: solid 1px #FFF; box-shadow: 0 0 2px #E0E0E0; }
#shoutbox .trow1 {
    
background#ffffff;
    
border-bottom1px solid #f3f3f3;
    
color#5a5a5a;
}

#shoutbox .trow2 {
    
background#ffffff;
    
border-bottom1px solid #f3f3f3;
    
color#5a5a5a;
}

.
ogloszenie_sb {
    
background#ebfcdf;
    
padding10px;
    
border1px solid #a4cfa4;
    
color#0e440e;
    
line-height1.6;
    
font-size12px;
}

.
sb_1 {
    
marginauto auto;
    
border9px solid #ebf0f3;
    
background#dbe4ef;
    
padding1px;
}

.
sb_2 {
    
marginauto auto;
    
background#FFF;
    
padding4px;
}

.
sb_3{
    
border-left1px solid #d5dde5;
    
border-right1px solid #d5dde5;
    
border-bottom6px solid #dbe2ec;
}

#shoutbox .trow1 { 
    
background-color#f1f6f9;
    
border-top1px solid #d5dde5;
 
}
#shoutbox .trow2 {
     
background-color#f1f6f9;
    
border-top1px solid #d5dde5; 
}
</
style>
</
head>
<
div class="tablehead"> &nbsp;&nbsp;Shoutbox<a href="{$mybb->settings[bburl]}/index.php?action=shoutbox_archive"><img src="images/cmsstyle/popup.png" alt="Otwórz w nowym oknie"/></a> &nbsp;&nbsp;</div>
<
div id="shoutbox" class="sb_1">
<
div class="sb_2">
<
div class="ogloszenie_sb">O czym teraz myślisz ?</div>
<
div class="panel-away" style="display:none"><button id="button" onclick="dvz_shoutbox.setBack()">{$lang->dvz_sb_away_button}</button>{$lang->dvz_sb_away}</div>
{
$dvz_shoutbox_panel}
<
div class="sb_3" id="shoutbox_data" style="height:{$mybb->settings[dvz_sb_height]}px; overflow:auto;"></div>
</
div>
</
div>

<
script type="text/javascript" src="jscripts/dvz_shoutbox.js"></script>
<
script>
now = new Date;
dvz_shoutbox.userLastAction now.getTime();
dvz_shoutbox.interval = {$mybb->settings[dvz_sb_interval]};
dvz_shoutbox.antiflood = {$mybb->settings[dvz_sb_antiflood]};
dvz_shoutbox.maxShouts = {$mybb->settings[dvz_sb_num]};
dvz_shoutbox.awayTimeout = {$mybb->settings[dvz_sb_away]}*1000;
dvz_shoutbox.lang = ['{$lang->dvz_sb_delete_confirm}''{$lang->dvz_sb_antiflood}'];
{
$dvz_shoutbox_js}
dvz_shoutbox.checkForMessages();
</
script
(ogólnie to ta belka ma być pod <td class="thead">)
Kolejną sprawą jest są avatary chcąc upiększyć wyswietlanie avatarów wklepałem taki kod do global.css lecz w panelu bocznym jak i w profilu nic się nie zmieniło.
tutaj daje kod dodany do global.css
Kod PHP:
.favimg {
background#FFFFFF;
border1px solid #D5D5D5;
box-shadow0px 2px 2px rgba(0000.102);
padding1px;
border-radius5px;

I ostatnią sprawą jest w panelu bocznym zakładka społeczność chciałbym przesunąć ten obrazek steama dać go troszkę do lewej a z drugiej strony żeby można dopisać tekst np.typu "dołacz do nas"

Aha i nie robiłem oddzielnych tematów dla każdego problemu bo nie było by sensu. Myślę że dość zrozumiale to wytłumaczyłem i liczę na waszą pomoc ,co mogłem to zrobiłem ale czasami się czegoś nie da :) Liczę na waszą pomoc.Pozdrawiam
1 watek 1 problem

O zmianie koloru belki bylo juz kilka razy

Na poczatku szablonu w css masz tablehead tam zmien kolor

Wysłane z mojego LG-P700 przy użyciu Tapatalka
Dobra pierwszy punkt rozwiązany
Kod PHP:
</head>
<
div class="[color=#FF0000]thead[/color](tutaj zmieniłem z tablehead na thead)"> &nbsp;&nbsp;Shoutbox<a href="{$mybb->settings[bburl]}/index.php?action=shoutbox_archive"><img src="images/cmsstyle/popup.png" alt="Otwórz w nowym oknie"/>