Lexi Help
Die neuesten Themen
» Themen fixieren
von inde Heute um 13:50

» [Update] Neues Theme der mobilen Version V2
von inde Heute um 13:34

» Mein altes Forum zurückbekommen
von Bigtuber Gestern um 19:18

» Begriff : "merken"
von Ray Gestern um 12:14

» [PunBB] Umzug eines funktionierenden Forums von PunBB auf phpBB?
von inde Gestern um 11:07

» Servamp Forum
von Raine Kamiya Mo 26 Sep 2016 - 22:47

» [phpBB2] Probleme mit der "Postprofil" Anzeige
von Dr.Keks Mo 26 Sep 2016 - 20:56

» Private Nachrichten
von inde Mo 26 Sep 2016 - 10:05

» Wie kann man erkennen, welche Forenversion ein anderes Forum hat?
von inde So 25 Sep 2016 - 22:24

» Ad Ware im Forum?
von inde So 25 Sep 2016 - 20:38

» [Sammelthread] Unangebrachte Werbung
von inde Fr 23 Sep 2016 - 9:00

» [phpBB2] Gruppen in der Wer is Online Anzeige "trennen"
von TheRollyJoger Mi 21 Sep 2016 - 10:49

» Yaruma - Fantasy-RPG Forum
von Alketa Di 20 Sep 2016 - 21:34

» [phpBB3] Links automatisch kursiv
von inde Di 20 Sep 2016 - 17:37

» [Invision] Kompletter Css-Codebaum gesucht !
von inde Di 20 Sep 2016 - 13:12

» Filmforum "Dark Movie Dreams"
von Ray Di 20 Sep 2016 - 11:56

Partner
free forum

Header einsetzen

Vorheriges Thema anzeigen Nächstes Thema anzeigen Nach unten

Erledigt Header einsetzen

Beitrag von Passi92 am Mo 4 Apr 2016 - 7:48

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?

Passi92
Neuling
Neuling

Beiträge : 20
Anmeldedatum : 19.12.14
Firefox

Nutzerprofil anzeigen

Nach oben Nach unten

Erledigt Re: Header einsetzen

Beitrag von inde am Mo 4 Apr 2016 - 12:44

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

inde
Moderator
Moderator

Männlich Beiträge : 2220
Hinweis : Flash The Scene™
keine
Anmeldedatum : 20.10.11
Firefox

Nutzerprofil anzeigen

Nach oben Nach unten

Erledigt Re: Header einsetzen

Beitrag von Passi92 am Fr 8 Apr 2016 - 6:52

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.

Passi92
Neuling
Neuling

Beiträge : 20
Anmeldedatum : 19.12.14
Firefox

Nutzerprofil anzeigen

Nach oben Nach unten

Erledigt Re: Header einsetzen

Beitrag von Passi92 am Fr 8 Apr 2016 - 7:58

@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.

Passi92
Neuling
Neuling

Beiträge : 20
Anmeldedatum : 19.12.14
Firefox

Nutzerprofil anzeigen

Nach oben Nach unten

Erledigt Re: Header einsetzen

Beitrag von inde am Fr 8 Apr 2016 - 8:43

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

inde
Moderator
Moderator

Männlich Beiträge : 2220
Hinweis : Flash The Scene™
keine
Anmeldedatum : 20.10.11
Firefox

Nutzerprofil anzeigen

Nach oben Nach unten

Erledigt Re: Header einsetzen

Beitrag von Passi92 am Fr 8 Apr 2016 - 8:53


Passi92
Neuling
Neuling

Beiträge : 20
Anmeldedatum : 19.12.14
Firefox

Nutzerprofil anzeigen

Nach oben Nach unten

Erledigt Re: Header einsetzen

Beitrag von inde am Fr 8 Apr 2016 - 9:03

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

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 Question Question Question

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

LG inde

inde
Moderator
Moderator

Männlich Beiträge : 2220
Hinweis : Flash The Scene™
keine
Anmeldedatum : 20.10.11
Firefox

Nutzerprofil anzeigen

Nach oben Nach unten

Erledigt Re: Header einsetzen

Beitrag von Passi92 am Fr 8 Apr 2016 - 9:20

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

Passi92
Neuling
Neuling

Beiträge : 20
Anmeldedatum : 19.12.14
Firefox

Nutzerprofil anzeigen

Nach oben Nach unten

Erledigt Re: Header einsetzen

Beitrag von inde am Fr 8 Apr 2016 - 13:21

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. Rolling Eyes

LG inde

inde
Moderator
Moderator

Männlich Beiträge : 2220
Hinweis : Flash The Scene™
keine
Anmeldedatum : 20.10.11
Firefox

Nutzerprofil anzeigen

Nach oben Nach unten

Erledigt Re: Header einsetzen

Beitrag von Passi92 am Fr 8 Apr 2016 - 16:20

Habe geantwortet Smile

Passi92
Neuling
Neuling

Beiträge : 20
Anmeldedatum : 19.12.14
Firefox

Nutzerprofil anzeigen

Nach oben Nach unten

Erledigt Re: Header einsetzen

Beitrag von inde am Fr 8 Apr 2016 - 16:21

Das Antworten, solltest Du dann schon hier machen, da das andere Forum später nicht mehr zur Verfügung steht Exclamation Exclamation Exclamation
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 Question Question Question

LG inde

inde
Moderator
Moderator

Männlich Beiträge : 2220
Hinweis : Flash The Scene™
keine
Anmeldedatum : 20.10.11
Firefox

Nutzerprofil anzeigen

Nach oben Nach unten

Erledigt Re: Header einsetzen

Beitrag von Passi92 am Sa 9 Apr 2016 - 10:58

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

Passi92
Neuling
Neuling

Beiträge : 20
Anmeldedatum : 19.12.14
Firefox

Nutzerprofil anzeigen

Nach oben Nach unten

Erledigt Re: Header einsetzen

Beitrag von inde am Sa 9 Apr 2016 - 12:52

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

inde
Moderator
Moderator

Männlich Beiträge : 2220
Hinweis : Flash The Scene™
keine
Anmeldedatum : 20.10.11
Firefox

Nutzerprofil anzeigen

Nach oben Nach unten

Erledigt Re: Header einsetzen

Beitrag von Passi92 am Sa 9 Apr 2016 - 14:44

Vielen vielen Dank! Alles geklappt Smile

Passi92
Neuling
Neuling

Beiträge : 20
Anmeldedatum : 19.12.14
Firefox

Nutzerprofil anzeigen

Nach oben Nach unten

Vorheriges Thema anzeigen Nächstes Thema anzeigen Nach oben


 
Forenbefugnisse:
Sie können in diesem Forum nicht antworten