Górna belka SB

**MrRatli** · 16.07.2013, 14:29

wersja skryptu MyBB:1.6.9
adres forum:http://fs-center.xaa.pl/
na czym polega problem (screen, opis, komunikaty, nazwa i wersja wtyczki): Jak zmienić tą belkę na górze sb.?

Cytat:http://fs-team.pl/hosting_img/uploads/13739813031.png

**GiboneKPL** · 16.07.2013, 14:35

Pokaż szablon dvz_shoutbox (ACP -> Style i Szablony -> Szablony -> Szablony Globalne -> dvz_shoutbox).

**MrRatli** · 16.07.2013, 14:38

    <head>

<style>

.tablehead { 

    background: #4774a2; /* Old browsers */

    background: -moz-linear-gradient(top,  #4774a2 0%, #396594 50%, #2c5687 100%); /* FF3.6+ */

    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4774a2), color-stop(50%,#396594), color-stop(100%,#2c5687)); /* Chrome,Safari4+ */

    background: -webkit-linear-gradient(top,  #4774a2 0%,#396594 50%,#2c5687 100%); /* Chrome10+,Safari5.1+ */

    background: -o-linear-gradient(top,  #4774a2 0%,#396594 50%,#2c5687 100%); /* Opera 11.10+ */

    background: -ms-linear-gradient(top,  #4774a2 0%,#396594 50%,#2c5687 100%); /* IE10+ */

    background: linear-gradient(to bottom,  #4774a2 0%,#396594 50%,#2c5687 100%); /* W3C */

    color: #ffffff;

    line-height:36px;

    height:36px;

    font-size: 16px;

    font-weight: 300;

    box-shadow: inset 0px 1px 0 #528cbc;

    border-top: 1px solid #316897;

    border-left: 1px solid #316897;

    border-right: 1px solid #316897;

    border-radius: 4px 4px 0 0;

    -moz-border-radius: 4px 4px 0 0;

    -webkit-border-top-left-radius: 4px;

    -webkit-border-top-right-radius: 4px;

    overflow: hidden;

 }

.tablehead img { padding-top 10x;}

.tablehead .right { float: right; margin: 0; padding-top: 1px; font-size:  13px; }

.tablehead 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 { padding: 0; }

#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-bottom: 1px solid #f3f3f3;

    color: #5a5a5a;

}

#shoutbox .trow2 {

    background: #ffffff;

    border-bottom: 1px solid #f3f3f3;

    color: #5a5a5a;

}

.ogloszenie_sb {

    background: #ebfcdf;

    padding: 10px;

    border: 1px solid #a4cfa4;

    color: #0e440e;

    line-height: 1.6;

    font-size: 12px;

}

.sb_1 {

    margin: auto auto;

    border: 9px solid #ebf0f3;

    background: #dbe4ef;

    padding: 1px;

}

.sb_2 {

    margin: auto auto;

    background: #FFF;

    padding: 4px;

}

.sb_3{

    border-left: 1px solid #d5dde5;

    border-right: 1px solid #d5dde5;

    border-bottom: 6px solid #dbe2ec;

}

#shoutbox .trow1 { 

    background-color: #f1f6f9;

    border-top: 1px solid #d5dde5;

 }

#shoutbox .trow2 {

     background-color: #f1f6f9;

    border-top: 1px 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">Shoutbox zmodyfikowany przez DjHeHe to ogłoszenie możesz zmienić w szablonach globalnych</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>

Daniel Praźmo napisał 16.07.2013, 15:16:
Kod należy umieszczać w tagach [code][/code] lub [php][/php]! Poprawiam.

**GiboneKPL** · 16.07.2013, 14:50

.tablehead { 

background: #4774a2; /* Old browsers */

background: -moz-linear-gradient(top, #4774a2 0%, #396594 50%, #2c5687 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4774a2), color-stop(50%,#396594), color-stop(100%,#2c5687)); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top, #4774a2 0%,#396594 50%,#2c5687 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top, #4774a2 0%,#396594 50%,#2c5687 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top, #4774a2 0%,#396594 50%,#2c5687 100%); /* IE10+ */

background: linear-gradient(to bottom, #4774a2 0%,#396594 50%,#2c5687 100%); /* W3C */

color: #ffffff;

line-height:36px;

height:36px;

font-size: 16px;

font-weight: 300;

box-shadow: inset 0px 1px 0 #528cbc;

border-top: 1px solid #316897;

border-left: 1px solid #316897;

border-right: 1px solid #316897;

border-radius: 4px 4px 0 0;

-moz-border-radius: 4px 4px 0 0;

-webkit-border-top-left-radius: 4px;

-webkit-border-top-right-radius: 4px;

overflow: hidden;

}

Ta klasa odpowiada za tło belki.

**MrRatli** · 16.07.2013, 14:53

A edytował byś mi tak cały kod tylko żeby górna belka Shoutbox'a była taka jak belka nad działami?

**GiboneKPL** · 16.07.2013, 14:58

Proszę:

.tablehead { 

background: #444 url(../../.././images/Luminos/thead4.png) right;

background: -moz-linear-gradient(top, #4774a2 0%, #396594 50%, #2c5687 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4774a2), color-stop(50%,#396594), color-stop(100%,#2c5687)); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top, #4774a2 0%,#396594 50%,#2c5687 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top, #4774a2 0%,#396594 50%,#2c5687 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top, #4774a2 0%,#396594 50%,#2c5687 100%); /* IE10+ */

background: linear-gradient(to bottom, #4774a2 0%,#396594 50%,#2c5687 100%); /* W3C */

color: #ffffff;

line-height:36px;

height:36px;

font-size: 16px;

font-weight: 300;

box-shadow: inset 0px 1px 0 #528cbc;

border-top: 1px solid #638c13;

border-left: 1px solid #638c13;

border-right: 1px solid #638c13;

border-radius: 4px 4px 0 0;

-moz-border-radius: 4px 4px 0 0;

-webkit-border-top-left-radius: 4px;

-webkit-border-top-right-radius: 4px;

overflow: hidden;

}

**MrRatli** · (Ten post był ostatnio modyfikowany: 16.07.2013, 15:01 przez MrRatli.)

Nic nie dało :/

Nadal tak samo jest

**GiboneKPL** · 16.07.2013, 15:04

A zamieniłeś już istniejąca klasę czy dodałeś ją po prostu?..

Zamień ten szablon na ten:

<head>

<style>

.tablehead { 

background: #444 url(../../.././images/Luminos/thead4.png) right;

background: -moz-linear-gradient(top, #4774a2 0%, #396594 50%, #2c5687 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4774a2), color-stop(50%,#396594), color-stop(100%,#2c5687)); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top, #4774a2 0%,#396594 50%,#2c5687 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top, #4774a2 0%,#396594 50%,#2c5687 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top, #4774a2 0%,#396594 50%,#2c5687 100%); /* IE10+ */

background: linear-gradient(to bottom, #4774a2 0%,#396594 50%,#2c5687 100%); /* W3C */

color: #ffffff;

line-height:36px;

height:36px;

font-size: 16px;

font-weight: 300;

box-shadow: inset 0px 1px 0 #528cbc;

border-top: 1px solid #638c13;

border-left: 1px solid #638c13;

border-right: 1px solid #638c13;

border-radius: 4px 4px 0 0;

-moz-border-radius: 4px 4px 0 0;

-webkit-border-top-left-radius: 4px;

-webkit-border-top-right-radius: 4px;

overflow: hidden;

}

.tablehead img { padding-top 10x;}

.tablehead .right { float: right; margin: 0; padding-top: 1px; font-size: 13px; }

.tablehead 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 { padding: 0; }

#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-bottom: 1px solid #f3f3f3;

color: #5a5a5a;

}

#shoutbox .trow2 {

background: #ffffff;

border-bottom: 1px solid #f3f3f3;

color: #5a5a5a;

}

.ogloszenie_sb {

background: #ebfcdf;

padding: 10px;

border: 1px solid #a4cfa4;

color: #0e440e;

line-height: 1.6;

font-size: 12px;

}

.sb_1 {

margin: auto auto;

border: 9px solid #ebf0f3;

background: #dbe4ef;

padding: 1px;

}

.sb_2 {

margin: auto auto;

background: #FFF;

padding: 4px;

}

.sb_3{

border-left: 1px solid #d5dde5;

border-right: 1px solid #d5dde5;

border-bottom: 6px solid #dbe2ec;

}

#shoutbox .trow1 { 

background-color: #f1f6f9;

border-top: 1px solid #d5dde5;

}

#shoutbox .trow2 {

background-color: #f1f6f9;

border-top: 1px 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">Shoutbox zmodyfikowany przez DjHeHe to ogłoszenie możesz zmienić w szablonach globalnych</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>

**MrRatli** · 16.07.2013, 15:06

Zamieniłem, ale nadal nie działa

**GiboneKPL** · 16.07.2013, 15:13

Łops.
Zamień Twojąkalsę na to:

.tablehead { 

background: #444 url(../../.././images/Luminos/thead4.png) right;

color: #ffffff;

line-height:36px;

height:36px;

font-size: 16px;

font-weight: 300;

box-shadow: inset 0px 1px 0 #528cbc;

border-top: 1px solid #638c13;

border-left: 1px solid #638c13;

border-right: 1px solid #638c13;

border-radius: 4px 4px 0 0;

-moz-border-radius: 4px 4px 0 0;

-webkit-border-top-left-radius: 4px;

-webkit-border-top-right-radius: 4px;

overflow: hidden;

}

**MrRatli** · 16.07.2013, 15:15

Działa thx

Daniel Praźmo napisał 16.07.2013, 15:16:

Nie pisz zbędnych postów

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

Górna belka SB

MrRatli

GiboneKPL

MrRatli

GiboneKPL

MrRatli

GiboneKPL

MrRatli

GiboneKPL

MrRatli

GiboneKPL

MrRatli

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

Zaloguj się
Login:
Hasło:	Nie pamiętam hasła
	Zapamiętaj mnie