Ändra forumet storlek så att det blir smalare?

Frågor kring teman (forumets design) för phpBB 2.0.x.

Moderator: Moderatorgrupp

Sofia
Aktiv medlem
Aktiv medlem
Inlägg: 30
Blev medlem: 2007-02-16 12:19

Ändra forumet storlek så att det blir smalare?

Inlägg av Sofia » 2007-03-06 19:10

Hej!

Jag har en laptop hemma med 15.4'' widescreen. Där hemma så syns hela forumet hur bra som helst. På min skärm på jobbet så måste man scrolla i sidled - jobbigt!!

Hur gör man för att ändra bredden på forumet så att det blir lite smalare? Och har ni någon lämplig ''bredd'' att tipsa om?

Adressen till mitt forum (som inte är igång): http://www.nordafrika.se/forum/phpBB2

Mvh, Sofia

Användarvisningsbild
Kail
Administratör
Administratör
Inlägg: 2935
Blev medlem: 2003-06-03 13:53
Ort: Linköping/Stockholm
Kontakt:

Inlägg av Kail » 2007-03-06 21:27

Gör denna avsevärt smalare, max 200 pixlar:
http://www.nordafrika.se/forum/phpBB2/t ... _phpBB.gif
Jakob Persson - Grundare av phpBB Sverige - IT-konsult - http://www.jakob-persson.com
The Complete phpBB Template Design Guide

Sofia
Aktiv medlem
Aktiv medlem
Inlägg: 30
Blev medlem: 2007-02-16 12:19

Inlägg av Sofia » 2007-03-08 14:03

Fast jag vill inte göra min logo smalare/mindre, utan själva forumet smalare. Kan man ändra i någon mall så att själva forumet blir smalare? (Så här tex: http://www.lisali.se/sadiqa/phpBB2/)

Användarvisningsbild
Kail
Administratör
Administratör
Inlägg: 2935
Blev medlem: 2003-06-03 13:53
Ort: Linköping/Stockholm
Kontakt:

Inlägg av Kail » 2007-03-09 04:04

För det första måste den där bilden göras om oavsett, det är en GIF, det borde vara en JPEG, då skulle den se bättre ut och ha mindre storlek i kB.

För att behålla din megalogga måste du göra om sidhuvudet med navigationen. Om du är ovan vid HTML och har Dreamweaver kan du läsa min guide till phpBB-teman (se min signatur) och sedan redigera overall_header.tpl i DW:s WYSIGWYG-läge (dvs inte i kod-läget).
Jakob Persson - Grundare av phpBB Sverige - IT-konsult - http://www.jakob-persson.com
The Complete phpBB Template Design Guide

Sofia
Aktiv medlem
Aktiv medlem
Inlägg: 30
Blev medlem: 2007-02-16 12:19

Inlägg av Sofia » 2007-03-09 13:10

Hej!

Nej, jag har inte Dreamweaver eller nåt annat ''fuskprogram''. :)

Jag kodar allt jag kodar i html och har även jobbat liiiiite med .css-mall. Jag är lååååångt ifrån något proffs, bara en glad amatör!! Min egen hemsida är http://www.cous-cous.se .

Går det liksom inte att ''smala av forumet'' genom att ändra någon kod? Eller har forumet blivit bredare för att rymma min logga? Loggan på det andra forumet jag länkade till är ju ungefär lika stor?

Mvh, Sofia

Användarvisningsbild
Kail
Administratör
Administratör
Inlägg: 2935
Blev medlem: 2003-06-03 13:53
Ort: Linköping/Stockholm
Kontakt:

Inlägg av Kail » 2007-03-10 02:22

Ordet "fuskprogram" får stå för dig, jag jobbar professionellt som webbdesigner och i det här jobbet får man vara pragmatisk och använda det som sparar mest tid. Dreamweaver är utmärkt för att lägga in innehåll och bygga komplexa formulär, CSS kodar jag dock helt för hand. Jag är ganska less på alla dessa "hardcode"-nördar som ser något slags bevis på kompetens genom att använda dåligt anpassade program, exempelvis Notepad. Jag arbetar uteslutande i DW och Eclipse (gör versionshantering enklare). DW:s tag completion är underbar, sparar en massa tid och Eclipse är helt enkelt allt i ett.

Det är bra att du kan HTML för då förstår du nog problemet. Länkarna i sidhuvudet ligger i en tabell och denna har en fast bredd. Dessas bredd plus bildens bredd uppgår till över 780 pixlar och därför ryms de inte i lägre upplösningar. För att din breda logga ska få plats måste du ändra layouten, jag föreslår du lägger ut alla länkar mm horisontellt. Det är nog väldigt lätt för dig att fixa så sätt igång och hacka overall_header.tpl i templates/subSilver så ska du se att det går!
Jakob Persson - Grundare av phpBB Sverige - IT-konsult - http://www.jakob-persson.com
The Complete phpBB Template Design Guide

Sofia
Aktiv medlem
Aktiv medlem
Inlägg: 30
Blev medlem: 2007-02-16 12:19

Inlägg av Sofia » 2007-03-11 21:20

Hej!

Ojojoj, du har nog missförstått mig helt och hållet! Att jag skrev "fuskprogram" var absolut inget negativt. Det trodde jag framgick? Jag är som sagt lååååångt från något proffs! (Vilket jag också trodde framgick när jag länkade till min sida!) Jag frågar, eftersom jag inte har en aning om hur jag ska rätta till problemet med min för breda sida (utan att ändra loggan).

"Fuskprogram" skrev jag för att jag inte vet vad dessa program kallas. Jag vet att det finns fler än Dreamweaver, men jag har aldrig jobbat med något av dessa program, utan är, som sagt, en glad amatör som bara html-kodar (vilket jag också trodde att berättade lite om min ringa kodningskunskap).

Det är verkligen ingen enkel match för mig att ändra i overall_header.tpl. Jag har kikat där, men förstår inte vad det är jag ska ändra!

"hardcore"-nördar låter jag bli att ta åt mig av, då jag inte har en aning om vad det betyder!

Mvh, Sofia

Användarvisningsbild
Kail
Administratör
Administratör
Inlägg: 2935
Blev medlem: 2003-06-03 13:53
Ort: Linköping/Stockholm
Kontakt:

Inlägg av Kail » 2007-03-12 01:17

Ingen fara, jag tog inte illa upp. :)

Om du förstår grundläggande HTML inkl table-taggen så borde overall_header.tpl vara ganska tydlig, den består enbart av ren HTML med diverse platshållare för variabler. Om du behöver mer hjälp rekommenderar jag att du läser min guide till phpBB Styles/Templates (se min signatur), i synnerhet denna sida:
http://www.jakob-persson.com/node/320
Jakob Persson - Grundare av phpBB Sverige - IT-konsult - http://www.jakob-persson.com
The Complete phpBB Template Design Guide

Sofia
Aktiv medlem
Aktiv medlem
Inlägg: 30
Blev medlem: 2007-02-16 12:19

Inlägg av Sofia » 2007-03-12 09:17

Ja, jag förstår som sagt grundläggande html. Grundläggande. Men, jag förstår inte overall_header... Jag vet inte var jag ska ändra, som jag skrev tidigare.

Jag får försöka läsa din guide, om det inte är någon här som kan hjälpa mig och tala om vad det är jag ska ändra?

Tillägg: jag tittade i din guide, men eftersom jag inte ens förstår hur jag ska göra "på svenska" så blir det för mycket överkurs att försöka läsa mig till det på engelska.

Mvh, Sofia

Sofia
Aktiv medlem
Aktiv medlem
Inlägg: 30
Blev medlem: 2007-02-16 12:19

Inlägg av Sofia » 2007-03-12 22:37

Ingen som kan förklara för mig vad det är som behöver ändras i overall_header.tpl?

Mvh, Sofia

Användarvisningsbild
Kail
Administratör
Administratör
Inlägg: 2935
Blev medlem: 2003-06-03 13:53
Ort: Linköping/Stockholm
Kontakt:

Inlägg av Kail » 2007-03-13 01:41

Jag försökte förklara innan men jag får nog anstränga mig mer. Jag måste erkänna att jag är emot att ge folk detaljinstruktioner, jag ger hellre hänvisningar så lär man sig hjälpa sig själv. Får man veta exakt i detalj behöver man aldrig förstå hur något går till, i slutändan innebär det att jag får fortsätta dela ut fisk om vi nu tar ett bibliskt exempel. :)

Du behöver uppenbarligen mer hjälp än jag gav dig och det ska du givetvis få. Forumets namn och dess navigationslänkar ligger i en tabell, nämligen denna (börjar på rad 233):

Kod: Markera allt

<table cellspacing="0" cellpadding="2" border="0">
					<tr> 
						<td align="center" valign="top" nowrap="nowrap"><span class="mainmenu">&nbsp;<a href="{U_FAQ}" class="mainmenu"><img src="templates/subSilver/images/icon_mini_faq.gif" width="12" height="13" border="0" alt="{L_FAQ}" hspace="3" />{L_FAQ}</a>&nbsp; &nbsp;<a href="{U_SEARCH}" class="mainmenu"><img src="templates/subSilver/images/icon_mini_search.gif" width="12" height="13" border="0" alt="{L_SEARCH}" hspace="3" />{L_SEARCH}</a>&nbsp; &nbsp;<a href="{U_MEMBERLIST}" class="mainmenu"><img src="templates/subSilver/images/icon_mini_members.gif" width="12" height="13" border="0" alt="{L_MEMBERLIST}" hspace="3" />{L_MEMBERLIST}</a>&nbsp; &nbsp;<a href="{U_GROUP_CP}" class="mainmenu"><img src="templates/subSilver/images/icon_mini_groups.gif" width="12" height="13" border="0" alt="{L_USERGROUPS}" hspace="3" />{L_USERGROUPS}</a>&nbsp; 
						<!-- BEGIN switch_user_logged_out -->
						&nbsp;<a href="{U_REGISTER}" class="mainmenu"><img src="templates/subSilver/images/icon_mini_register.gif" width="12" height="13" border="0" alt="{L_REGISTER}" hspace="3" />{L_REGISTER}</a>&nbsp;
						<!-- END switch_user_logged_out -->
						</span></td>
					</tr>
					<tr>
						<td height="25" align="center" valign="top" nowrap="nowrap"><span class="mainmenu">&nbsp;<a href="{U_PROFILE}" class="mainmenu"><img src="templates/subSilver/images/icon_mini_profile.gif" width="12" height="13" border="0" alt="{L_PROFILE}" hspace="3" />{L_PROFILE}</a>&nbsp; &nbsp;<a href="{U_PRIVATEMSGS}" class="mainmenu"><img src="templates/subSilver/images/icon_mini_message.gif" width="12" height="13" border="0" alt="{PRIVATE_MESSAGE_INFO}" hspace="3" />{PRIVATE_MESSAGE_INFO}</a>&nbsp; &nbsp;<a href="{U_LOGIN_LOGOUT}" class="mainmenu"><img src="templates/subSilver/images/icon_mini_login.gif" width="12" height="13" border="0" alt="{L_LOGIN_LOGOUT}" hspace="3" />{L_LOGIN_LOGOUT}</a>&nbsp;</span></td>
					</tr>
				</table>

Denna tabell är utformad så att den aldrig är smalare än 200 pixlar. För att dina navigationslänkar ska få plats måste du:

1) Placera forumets rubrik ovanför din logo. Texten för namnet skrivs ut med:

Kod: Markera allt

{SITENAME}
2) Göra navigationslänkarna horisontella genom att lägga dem på en enda rad, detta gör du enklast genom att använda denna kod:

Kod: Markera allt

<table cellspacing="0" cellpadding="2" border="0">
					<tr> 
						<td align="center" valign="top" nowrap="nowrap"><span class="mainmenu">&nbsp;<a href="{U_FAQ}" class="mainmenu"><img src="templates/subSilver/images/icon_mini_faq.gif" width="12" height="13" border="0" alt="{L_FAQ}" hspace="3" />{L_FAQ}</a>&nbsp; &nbsp;<a href="{U_SEARCH}" class="mainmenu"><img src="templates/subSilver/images/icon_mini_search.gif" width="12" height="13" border="0" alt="{L_SEARCH}" hspace="3" />{L_SEARCH}</a>&nbsp; &nbsp;<a href="{U_MEMBERLIST}" class="mainmenu"><img src="templates/subSilver/images/icon_mini_members.gif" width="12" height="13" border="0" alt="{L_MEMBERLIST}" hspace="3" />{L_MEMBERLIST}</a>&nbsp; &nbsp;<a href="{U_GROUP_CP}" class="mainmenu"><img src="templates/subSilver/images/icon_mini_groups.gif" width="12" height="13" border="0" alt="{L_USERGROUPS}" hspace="3" />{L_USERGROUPS}</a>&nbsp; 
						<!-- BEGIN switch_user_logged_out -->
						&nbsp;<a href="{U_REGISTER}" class="mainmenu"><img src="templates/subSilver/images/icon_mini_register.gif" width="12" height="13" border="0" alt="{L_REGISTER}" hspace="3" />{L_REGISTER}</a>&nbsp;
						<!-- END switch_user_logged_out -->
						</span><span class="mainmenu">&nbsp;<a href="{U_PROFILE}" class="mainmenu"><img src="templates/subSilver/images/icon_mini_profile.gif" width="12" height="13" border="0" alt="{L_PROFILE}" hspace="3" />{L_PROFILE}</a>&nbsp; &nbsp;<a href="{U_PRIVATEMSGS}" class="mainmenu"><img src="templates/subSilver/images/icon_mini_message.gif" width="12" height="13" border="0" alt="{PRIVATE_MESSAGE_INFO}" hspace="3" />{PRIVATE_MESSAGE_INFO}</a>&nbsp; &nbsp;<a href="{U_LOGIN_LOGOUT}" class="mainmenu"><img src="templates/subSilver/images/icon_mini_login.gif" width="12" height="13" border="0" alt="{L_LOGIN_LOGOUT}" hspace="3" />{L_LOGIN_LOGOUT}</a>&nbsp;</span></td>
					</tr>
</table>
Hoppas det är tydligare nu.
Jakob Persson - Grundare av phpBB Sverige - IT-konsult - http://www.jakob-persson.com
The Complete phpBB Template Design Guide

Sofia
Aktiv medlem
Aktiv medlem
Inlägg: 30
Blev medlem: 2007-02-16 12:19

Inlägg av Sofia » 2007-03-13 10:25

Hej!

Ja, jag förstår att det inte är bra att ge detaljinstruktioner! Men för mig, som alltså bara kan grundläggande html, så känns overall_header väldigt luddig! Det är såååå mkt kod! Och den mesta koden förstår jag inte alls! Därför var det en omöjlighet för mig att veta vad jag ska ändra.

Jag förstår att det är jätteenkelt för dig - som kan! :) Det blir kanske svårt att veta hur lågt man måste ''sänka sig'' med förklaringarna då.

Jag har mest skummat detta nu, då jag sitter på jobbet, men det känns ändå inte riktigt som det jag är ute efter... Jag har länkat till ett annat forum tidigare - med lika stor och bred logga som min. Där får forumet ''plats''. Det verkar som att länkarna ligger på två rader där, men att radbrytningen har gjorts tidigare. Kanske kan jag ändå förstå vilken ändring som bör göras, med hjälp av ditt föregående inlägg.

Mvh, Sofia

Sofia
Aktiv medlem
Aktiv medlem
Inlägg: 30
Blev medlem: 2007-02-16 12:19

Inlägg av Sofia » 2007-03-13 11:37

En till fråga... (kanske borde jag starta nytt ämne? säg till isåfall, och så gör jag det)

Om jag vill ändra namnen på länkarna, samtidigt som jag flyttar dem, ska jag ändra i filen med svenska språket då? (Har den inte tillgänglig, så jag kan inte se vad den heter.) Som tex ni har här i forumet, så står det ju ''Grupper'' istället för ''Användargrupper'' och "Medlemmar" istället för "Medlemslista" osv. Kan jag då bara ändra ordet "Medlemslista" i filen med svenska översättningen till vad jag vill att det ska stå?

Mvh, Sofia

Användarvisningsbild
Kail
Administratör
Administratör
Inlägg: 2935
Blev medlem: 2003-06-03 13:53
Ort: Linköping/Stockholm
Kontakt:

Inlägg av Kail » 2007-03-13 15:29

Ja, det ska räcka.

När jag tänker på det, det enklaste sättet att åstadkomma det du vill är nog att lägga <p>...</p> runt tabellen med forumets titel och navigationslänkar ovan. Det gör å andra sidan forumets sidhuvud väldigt högt, det är kanske inte vad du vill ha.
Jakob Persson - Grundare av phpBB Sverige - IT-konsult - http://www.jakob-persson.com
The Complete phpBB Template Design Guide

Sofia
Aktiv medlem
Aktiv medlem
Inlägg: 30
Blev medlem: 2007-02-16 12:19

Inlägg av Sofia » 2007-03-13 17:43

Det finns nog eg två alternativ på hur jag vill ha det. Antingen typ som här ovan, i detta forum, eller att man liksom byter rad efter användargrupper, för då verkar det få plats.

Jag får prova mig fram enligt infon ovan! Annars så ropar jag igen! :)

Tusen tack för all hjälp!!

Mvh, Sofia

Skriv svar

Vilka är online

Användare som besöker denna kategori: 1 och 0 gäst