Header einsetzen

Hallo,

es geht sich um mein Forum (http://gaming-department.forumieren.com/)

Ich möchte oben, ganz normal einen Header einsetzen, aber leider ist dieses Design (phpBB3) so konzipiert, dass der Banner nur ganz klein oben links angezeigt wird.
Kann ich das so verändern/einstellen, dass ich einen ganz normalen großen Banner zentriert einbauen kann?

Schau doch bitte einmal nach was dort bei Dir in Deinem persönlichen CSS steht. Dort hat jemand für diesen Style einen CSS Code eingetragen, der die Größe des Logos/der Headergrafik in der Größe begrenzt. Entferne bitte die nachstehenden Codezeilen, dann sollte es auch mit einer größeren Grafik funktionieren.

Code:

#logo img {
    max-height: 70px !important;
    max-width: 264px !important;
}

Dein persönliches CSS findest Du im Admin-Bereich wie folgt.


Hilft Dir das weiter?
Die Headergrafik kannst Du übrigens bis zu einer Breite von ca. 900px gestalten.

LG inde

Hallo,

ja, danke, das funktioniert, aber leider bleibt der header auf der linken seite und wird nur größer, der rest des forums verschiebt sich dabei nicht nach unten sondern wird vom header überdeckt. habe das jetzt mal so im forum gelassen, dann siehst du was ich meine.

LG inde

inde schrieb:

LG inde

Danke, aber jetzt ist es dennoch so, dass sich der Teil des Forums nicht nach unten verschiebt sondern, dass der obere Teil einfach vom Header überdeckt wird.

Weißt Du noch wie der Style heißt den Du Dir bei der Erstellung ausgewählt hast?

Dort sind mehrere Anweisungen in Deinem CSS die eine gewünschte Anzeige verhindern.

LG inde

Ich glaube, dass es der hier war:


http://de.hitskin.com/einen-style-suchen/mak-site-skin/206515

Ja das scheint er zu sein und dort ist einiges im Argen.

Um das alles wieder gerade zu biegen, muss ich mir erst einmal den Style in einem meiner Testforen installieren.

Hattest Du bisher selber schon zusätzliche Änderungen am CSS oder den Templates vorgenommen

Die Umsetzung, sodass es mit dem Header passt benötigt auch etwas Zeit, es könnte also durchaus bis heute Abend dauern.

LG inde

Sonst habe ich noch rein garnichts im CSS verändert.
Alles klar, vielen Dank. Ich habe Zeit

So, dann schaue Dich bitte erst einmal hier etwas um, ob Dir das alles soweit zusagt. Wenn Du möchtest, dann kannst Du Dich dort auch einmal anmelden, schreiben kannst Du dort übrigens auch als Gast.

Arbeitszeit: ca. 2,5h
Auch habe ich vieles anderes überarbeiten müssen, unter anderem fehlten Browserweichen komplett und einige Klassen wurden komplett falsch angesprochen.

Solche Sachen gehören meiner Meinung nach von Hitskin komplett gelöscht. Das dort jeder etwas hochladen darf ist echt schlimm genug.

LG inde

Habe geantwortet

Das Antworten, solltest Du dann schon hier machen, da das andere Forum später nicht mehr zur Verfügung steht
Und welche Suche soll dort weg, die in der Toolbar, die neben dem Header.... für alle ausblenden, oder nur für Gäste...oder woanders einsetzen

LG inde

Die Suchoption neben dem Header meine ich, denn in dem Menü gibt es "Suchen" ja bereits

Nun dann ersetze bitte Dein komplettes persönliches CSS in das nachfolgende.

Code:

a {
text-decoration:none;
-webkit-transition:0.400s;
-moz--transition:0.400s;
-ms-transition:0.400s;
-o-transition:0.400s;
transition:0.400s;
}
a:hover{
text-decoration:underline;
}
.h3, .content h2, .panel h2 {
border-bottom:1px solid #536161;
color:#537181;
}
body {
background:#4c4c4c none repeat scroll 0 0;
}
#wrap {
background-color: #333;
background-image: url("http://i56.servimg.com/u/f56/18/45/41/65/bgwrap13.png");
background-position: center bottom;
background-repeat: repeat-x;
-webkit-box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.4);
-moz-box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.4);
box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.4);
}
li.header dd, li.header dt, .h3, h3, table.table1 thead th, dl.codebox dt{
text-transform:none;
}
/*Chatbox*/
.chatbox_row_1, .chatbox_row_2{
background-color:transparent;
}
/*Forumactif Toolbar*/
#fa_toolbar {
background-color:#4a4a4a !important;
-webkit-box-shadow:0px 12px 6px #5a5a5a inset, 0px 3px 6px rgba(26, 26, 26, 0.6);
-moz-box-shadow:0px 12px 6px #5a5a5a inset, 0px 3px 6px rgba(26, 26, 26, 0.6);
box-shadow:0px 12px 6px #5a5a5a inset, 0px 3px 6px rgba(26, 26, 26, 0.6);
}
#fa_show {
background-color:#4a4a4a !important;
}
#fa_toolbar #fa_right #notif_list li{
color:#ddd !important;
}
#fa_toolbar #fa_right #notif_list li.unread{
background-color:#999 !important;
}
#fa_toolbar #fa_right #notif_list li.see_all{
background-color:#444 !important;
}
#fa_toolbar #fa_right #notif_list li.see_all a{
color:#fff !important;
}
#fa_menulist, #fa_toolbar #fa_right #notif_list{
background-color:#777 !important;
border-color:#000 !important;
}
#fa_menu:hover :visited, #fa_toolbar > #fa_right.notification > #fa_notifications,
#fa_right.welcome #fa_menu #fa_welcome{
background-color:#777 !important;
color:#fff !important;
}
#fa_usermenu{
color:#ddd !important;
}
#fa_icon, #fa_toolbar #fa_service{
color:#fff !important;
}
#fa_toolbar a:link, #fa_toolbar a:visited, #fa_toolbar a:active{
color:#fff !important;
}
#fa_right a.rightHeaderLink{
color:#fff !important;
}
#main-content > p em{
font-style:normal;
font-weight:700;
color:#dddd;
}
ul#picture_legend img{
margin-right:6px;
}
p.row3{
background-color:transparent;
}
.inputbox, #search-box #keywords, input.search{
background-color:#2c2c2c;
border:1px solid #666;
}
label input{
color:#ddd;
}
fieldset dl:hover dt label{
color:#fff;
}
select{
background-color:#2c2c2c;
color:#ddd;
}
input.post{
background-color:#2c2c2c;
border-color:#666;
}
a.button1, a.button2, button.button2, input.button1, input.button2{
-webkit-box-shadow:0px 4px 6px #555 inset;
-moz-box-shadow:0px 4px 6px #555 inset;
box-shadow:0px 4px 6px #555 inset;
background-color:#333;
background-image:none;
border-color:#666;
color:#fff;
}
div.navbar:nth-child(1){
background-color:transparent;
border:none;
}
a.mainmenu{
border-top:1px solid:#222;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
margin:0px -5px 0px -5px;
font-weight:bold;
font-size: 11px;
padding:10px;
color:#ddd;
text-shadow: 1px 1px 2px #000;
}
a.mainmenu:hover{
background-color:#1d1d1d;
border-top:1px solid:#000;
-webkit-box-shadow:0px 5px 6px #000 inset;
-moz-box-shadow:0px 5px 6px #000 inset;
box-shadow:0px 5px 6px #000 inset;
}
ul.navlinks {
position:relative;
border:none;
}
div#page-header div.navbar {
background-color: #262626;
height: 37px;
}
#search-box {
  display: none;
}
div.navbar:nth-child(1){
position:inherit !important;
display:inline !important;
}
.icon-home/*Footer Home*/{
display:none;
}
/*Categories / Forum*/
.panel{
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
}
.forabg, .forumbg {
background-color: #4a4a4a;
border: medium none;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
box-shadow: 0 10px 6px #5a5a5a inset;
}
li.row {
background-color:#3a3a3a;
border:1px solid #262626;
}
li.row dd {
border-left: 1px solid #555;
}
li.row:hover dd {
border-left: 1px solid #555;
}
.row1, .row2{
background-color:#3a3a3a;
}
.post.row1, .post.row2{
border: 1px solid #2a2a2a;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
-webkit-box-shadow: 0px 0px 0px 1px #333 inset, 0px 0px 3px 1px rgba(60, 60, 60, 0.2) inset;
-moz-box-shadow: 0px 0px 0px 1px #333 inset, 0px 0px 3px 1px rgba(60, 60, 60, 0.2) inset;
box-shadow: 0px 0px 0px 1px #333 inset, 0px 0px 3px 1px rgba(60, 60, 60, 0.2) inset;
}
fieldset.polls dl{
border-color:#666;
}
/*Spoiler, Code, Quote*/
dl.codebox, .content blockquote {
background-color: #444;
border: 1px solid #555;
-webkit-border-radius:6px;
-moz-border-radius:6px;
border-radius:6px;
}
.pagination span a, .pagination span a:active, .pagination span a:link, .pagination span a:visited {
color:#fff;
}
.pagination span a:hover{
background-color:#555;
}
dl.codebox dt {
border-bottom: 1px solid #536161;
color:#537181;
}
dl.codebox code {
color: #538191;
}
/*Profile / Advanced*/
#cp-main .panel.sig{
background-color:#282828;
}
#tabs .activetab a span{
color:#538191;
}
.postprofile{
border-color:#536161;
}
#cp-main .panel{
background-color:#303030;
}
#profile-tab-field-profil div.separator{
border-color:#536161;
}
.avatar, td.avatar-mini img{
background:transparent;
border:transparent;
}
/*Message Editor*/
.sceditor-container iframe, .sceditor-container textarea {
background-color:#444 !important;
color:#fff !important;
}
form[name="post"] div[class|="sceditor"],div.sceditor-dropdown {
background-color:#666;
border-color:#888 !important;
}
.sceditor-button.active,.sceditor-button.hover,.sceditor-button:active,.sceditor-button:hover {
background:#aaa !important;
border-color:#aaa !important;
-webkit-box-shadow:0 0 0 transparent !important;
-moz-box-shadow:0 0 0 transparent !important;
box-shadow:0 0 0 transparent !important;
}
div.sceditor-group,div.sceditor-dropdown {
background:#ddd !important;
border:1px outset #aaa !important;
-webkit-box-shadow:0px 0px 1px #444, 0px 4px 6px #eee inset !important;
-moz-box-shadow:0px 0px 1px #444, 0px 4px 6px #eee inset !important;
box-shadow:0px 0px 1px #444, 0px 4px 6px #eee inset !important;
}
div.sceditor-dropdown .button {
background:#ddd !important;
border:1px outset #aaa !important;
}
div.sceditor-dropdown .button:hover {
border-style:inset !important;
}
.sceditor-color-option:hover:after {
width:20px;
height:20px;
display:block;
background:inherit;
content:" ";
position:absolute;
top:-24px;
left:2px;
border:1px solid #aaa;
}
.sceditor-emoticons > div > img {
left:auto!important;
top:-38px!important;
right:-8px;
background:#ddd;
border:1px solid #aaa;
padding:5px
}
/*Widgets*/
.module {
background-color:#3a3a3a;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
border: 1px solid #2a2a2a;
-webkit-box-shadow: 0px 0px 0px 1px #333 inset, 0px 0px 3px 1px rgba(60, 60, 60, 0.2) inset;
-moz-box-shadow: 0px 0px 0px 1px #333 inset, 0px 0px 3px 1px rgba(60, 60, 60, 0.2) inset;
box-shadow: 0px 0px 0px 1px #333 inset, 0px 0px 3px 1px rgba(60, 60, 60, 0.2) inset;
}
.module .h3 {
border-bottom:1px solid #536161;
color:#537181;
}

Gebe uns bitte Bescheid ob alles soweit geklappt hat.

---

Noch ein Tipp: Hier könntest Du eventuell fündig werden, falls Du noch deutschsprachige Buttons für Dein Forum suchst. Du hast aber auch noch die Möglichkeit hier im Forum über das Bestellformular entsprechend passende Buttons für Deinen Style zu bestellen.

LG inde

Vielen vielen Dank! Alles geklappt