Egen header i prosilver

Frågor kring forumdesign (teman/themes) för phpBB 3 (3.0.0 eller senare).

Moderatorer: Supportgrupp, Moderatorgrupp

sanna_
Medlem
Medlem
Inlägg: 29
Blev medlem: 2013-01-13 21:42

Egen header i prosilver

Inlägg av sanna_ » 2013-01-23 21:44

Hej

Önskar få lite hjälp med att placera min egen banner med storleken 1 000 x 300 pixlar i png format istället för den blåa header högst upp i forumet ( tror att det heter bg_header2 ) i prosilver.

Jag har försökt följa detta tips ( från engelsk support ) utan resultat. Att ja inte lyckas fixa det är iofs inte konstigt eftersom jag är rätt så ny vad det gäller phpbb3.

https://www.phpbb.com/community/viewtop ... 205#header

Tacksam för hjälp.

Användarvisningsbild
Sinom
Administratör
Administratör
Inlägg: 1420
Blev medlem: 2010-11-04 21:24
Ort: Tranemo
Kontakt:

Re: Egen header i prosilver

Inlägg av Sinom » 2013-01-23 21:46

Hej sanna_!

Vad är det som krånglar när du försöker göra denna ändring?

Glöm inte uppdatera stilen i Administrationspanelen:
Gå till ACP >> Stilar > Templates/Themes/Imagesets > DinStil - Uppdatera

- Sinom
Bild

sanna_
Medlem
Medlem
Inlägg: 29
Blev medlem: 2013-01-13 21:42

Re: Egen header i prosilver

Inlägg av sanna_ » 2013-01-24 08:13

Hej Sinom!


Den blåa header hade rätt storlek när jag ändrade "height" det är bara att banner dök inte upp trotts att jag hade lagt till den i styles/prosilver/theme/images/

Jag få testa en gång till idag och göra en uppdatering som du skrev ( tror att jag gjorde det, kommer inte riktigt ihåg ), få hoppas att jag fixar det, annars få jag be dig att kolla upp vad jag gör få fel.

Tack Sinom.

Användarvisningsbild
Sinom
Administratör
Administratör
Inlägg: 1420
Blev medlem: 2010-11-04 21:24
Ort: Tranemo
Kontakt:

Re: Egen header i prosilver

Inlägg av Sinom » 2013-01-24 16:47

sanna_ skrev:annars få jag be dig att kolla upp vad jag gör få fel.
Gör så! :wink:

- Sinom
Bild

sanna_
Medlem
Medlem
Inlägg: 29
Blev medlem: 2013-01-13 21:42

Re: Egen header i prosilver

Inlägg av sanna_ » 2013-01-25 00:24

Hej igen Sinom,

Kan knappt tro att jag har faktiskt lyckats fixa det. :) Nu ligger bannern inuti den blåa header. Strålande.
Nu behöver jag bara snygga till lite, ta bort sitename och description och sänka ner search box en aning ( den sitter nästan högst upp ). Kan du hjälpa mig med detta?

Är det möjligt att ta bort namnet och ändå få det att stå i mailen i prosilver?

Användarvisningsbild
Sinom
Administratör
Administratör
Inlägg: 1420
Blev medlem: 2010-11-04 21:24
Ort: Tranemo
Kontakt:

Re: Egen header i prosilver

Inlägg av Sinom » 2013-01-25 17:45

För att ta ta bort sitename samt description så får du öppna overall_header.html som ligger i \styles\prosilver\template

Hitta:

Kod: Markera allt

				<h1>{SITENAME}</h1>
				<p>{SITE_DESCRIPTION}</p>
Ta bort :)

För att flytta ner sökrutan lite behöver du öppna en CSS fil som ligger i \styles\prosilver\theme och heter common.css
Hitta:

Kod: Markera allt

#search-box {
	color: #FFFFFF;
	position: relative;
	margin-top: 30px;
	margin-right: 5px;
	display: block;
	float: right;
	text-align: right;
	white-space: nowrap; /* For Opera */
}
Ändra margin-top: 30px; tills du är nöjd.

Att ta bort något i stilen påverkar inte hur mailen ser ut.

- Sinom
Bild

sanna_
Medlem
Medlem
Inlägg: 29
Blev medlem: 2013-01-13 21:42

Re: Egen header i prosilver

Inlägg av sanna_ » 2013-01-25 19:35

Tack så jättemycket för din hjälp Sinom. :D

Hur tar jag ta bort texten "Advanced search" som står under search box och även input button search som står till höger om?

Användarvisningsbild
Sinom
Administratör
Administratör
Inlägg: 1420
Blev medlem: 2010-11-04 21:24
Ort: Tranemo
Kontakt:

Re: Egen header i prosilver

Inlägg av Sinom » 2013-01-25 19:56

I overall_header.html ta bort:<a href="{U_SEARCH}" title="{L_SEARCH_ADV_EXPLAIN}">{L_SEARCH_ADV}</a> {S_SEARCH_HIDDEN_FIELDS}

Vill du inte ha Svenska installerat på forumet? :wink:

- Sinom
Bild

sanna_
Medlem
Medlem
Inlägg: 29
Blev medlem: 2013-01-13 21:42

Re: Egen header i prosilver

Inlägg av sanna_ » 2013-01-25 20:11

Haha Sinom gärna fast med ett annat forum. Detta forum jag försöker hjälpa till med är ett utländskt forum så det funkar inte med Svenska, tyvärr. :)
I alla fall, tack så hjärtligt för all din hjälp och svar på mina frågor! Det kommer mer jag lovar. :P

sanna_
Medlem
Medlem
Inlägg: 29
Blev medlem: 2013-01-13 21:42

Re: Egen header i prosilver

Inlägg av sanna_ » 2013-01-26 11:22

Hej

Försökte följa denna tips för att flytta search box i navbar som det ser ut på bild. Få inte till det.

Bild

Jag kopierade bara koden som det stod med i Knowledge Base och gjorde refresh, det hände ingenting. Har du ngt bättre tips hur jag kan göra det?

https://www.phpbb.com/kb/article/remove ... -in-navbar

Hls
Sabina

Användarvisningsbild
Sinom
Administratör
Administratör
Inlägg: 1420
Blev medlem: 2010-11-04 21:24
Ort: Tranemo
Kontakt:

Re: Egen header i prosilver

Inlägg av Sinom » 2013-01-27 09:38

Kan du skicka en länk till ditt forum? :wink:

- Sinom
Bild

sanna_
Medlem
Medlem
Inlägg: 29
Blev medlem: 2013-01-13 21:42

Re: Egen header i prosilver

Inlägg av sanna_ » 2013-01-27 11:16

Hej Sinom,

Så här långt har jag hunnit. Placerade sökrutan bredvid logut ( det var inte så jag hade tänkt mig i första hand ) men blev supernöjd med resultatet ändå. :D
Nu skulle jag vilja flytta fb, tw och yt ikonerna till navbaren till vänster om "ändra textstorlek" ikonen.

Här är länken till mitt forum:

http://jednajebrena.com/forumbase/index.php
Bilagor
Untitled-2 copy.png
Untitled-2 copy.png (39.73 KiB) Visad 7293 gånger

Användarvisningsbild
Sinom
Administratör
Administratör
Inlägg: 1420
Blev medlem: 2010-11-04 21:24
Ort: Tranemo
Kontakt:

Re: Egen header i prosilver

Inlägg av Sinom » 2013-01-27 15:59

Antar att du följde https://www.phpbb.com/kb/article/how-to ... ial-icons/

I så fall, öppna overall_header.html och hitta:

Kod: Markera allt

<div id="social_bar">
Flytta allt inom denna div till efter <li class="rightside"><a href="#" onclick="fontsizeup(); return false;" onkeypress="return fontsizeup(event);" class="fontsize" title="{L_CHANGE_FONT_SIZE}">{L_CHANGE_FONT_SIZE}</a></li>

Du behöver också ändra i colours.css:

Kod: Markera allt

    #social_bar {
       margin: 0 auto;
       position: relative;
       right: 10px;
       top: 30px;
top: 30px top till något mindre. Testa med 0px först.

Ändra även storleken på bilderna till t.ex 22px. (Detta görs i overall_header.html)

- Sinom
Bild

sanna_
Medlem
Medlem
Inlägg: 29
Blev medlem: 2013-01-13 21:42

Re: Egen header i prosilver

Inlägg av sanna_ » 2013-01-27 19:19

Precis, jag följde det som du lagt upp och nu har det gått jättebra, allting ligger där det ska. Har även lagt in en bild i backgrunden bara föra att testa hur det ska se ut.
Nu är det bara fortsätta och se vad som återstår att göra, det känns som om det aldrig ta slut. :)


Tack så jättemycket Sinom för din hjälp! Hoppas att jag kan ställa flera frågor i min tråd innan jag sätter forumet online. :)
Ha en bra kväll!

Sanna_

Användarvisningsbild
Sinom
Administratör
Administratör
Inlägg: 1420
Blev medlem: 2010-11-04 21:24
Ort: Tranemo
Kontakt:

Re: Egen header i prosilver

Inlägg av Sinom » 2013-01-27 20:56

sanna_ skrev:Hoppas att jag kan ställa flera frågor i min tråd innan jag sätter forumet online.
Fråga på! :wink:

- Sinom
Bild

Skriv svar

Vilka är online

Användare som besöker denna kategori: 2 och 0 gäster