se_square layout aanpassen

Hulp nodig bij een stijl? Voor zowel XHTML/CSS als grafische vragen uiteraard gerelateerd aan phpBB3.
Forumregels

LEES: Richtlijnen voor Support. Vul de support template in!
phpBB3.0.x
Verschaf iemand geen servertoegang tenzij het niet anders kan. Maak altijd eerst een volledige backup en verander de inloggevens na afloop. Eigen risico.
Plaats reactie
Gebruikersavatar
hetouderenforum
Berichten: 43
Lid geworden op: 18 okt 2014, 12:39
Locatie: Noord Holland
Contacteer:

se_square layout aanpassen

Bericht door hetouderenforum » 18 okt 2014, 14:55

Beste forumleden,

2 vraagjes

De layout van de se_square style (niet de se_square left) - gebaseerd op prosilver - wil ik graag aanpassen.
Op het forum hetouderenforum.nl daar wil ik de vermelding Forumindex van de rechterzijde naar links verplaatsen.Het gedeelte FAQ, registreren en aanmelden wil ik graag rechts laten staan.

Dezelfde indeling van het gebruikersmenu -Forumoverzicht etc. als dit forum phpbb.nl.
Als dat kan? waar kan ik dat aanpassen?

En ik zie dat de teksten op de forumdelen >onderwerpen en berichten< in elkaar lopen.
Kan ik dat aanpassen? Dat het dus meer uit elkaar komt te staan.
En waar kan ik dat wijzigen?

Gebruikersavatar
El torro
Berichten: 4177
Lid geworden op: 02 sep 2014, 21:28
Locatie: In het zonnige zuiden
Contacteer:

Re: se_square layout aanpassen

Bericht door El torro » 19 okt 2014, 12:35

Je moet dat aanpassen is de common stylesheet van jouw stijl.

Dus die downloaden aanpassen met notepad++ en weer uploaden.

Ik weet niet hoeveel ervaring je hebt met codes en ftp programma's?
Probeer anders eerst dat bestand te downloaden en te openen met notepad++

Gebruikersavatar
hetouderenforum
Berichten: 43
Lid geworden op: 18 okt 2014, 12:39
Locatie: Noord Holland
Contacteer:

Re: se_square layout aanpassen

Bericht door hetouderenforum » 19 okt 2014, 14:21

Dank je voor jouw reactie.
Het gebruik van ftp en aanpassen stylesheet via notepad lukt me wel.

Maar waar aanpassen in het betreffende bestand en het juiste bestand is voor mij nu nog een zoekplaatje.

Hoe krijg ik het item Forumindex van rechts naar links en via welk bestand?
Hoe kan ik de items onderwerpen en berichten meer uit elkaar tonen, via welk bestand en waar?

Gebruikersavatar
hetouderenforum
Berichten: 43
Lid geworden op: 18 okt 2014, 12:39
Locatie: Noord Holland
Contacteer:

Re: se_square layout aanpassen

Bericht door hetouderenforum » 19 okt 2014, 14:43

misschien is het zo duidelijker wat ik graag wil wijzigen


Afbeelding
gedeelte Forumindex van rechts naar links

Afbeelding

onderwerpen berichten meer uit elkaar.

Gaarne in welk bestand ik dat kan aanpassen?

Gebruikersavatar
El torro
Berichten: 4177
Lid geworden op: 02 sep 2014, 21:28
Locatie: In het zonnige zuiden
Contacteer:

Re: se_square layout aanpassen

Bericht door El torro » 19 okt 2014, 17:32

Kijk nu eens in de common.css ik vermoed bij de "/* Horizontal lists" rond regel 300
de "linklist"
Zet dat van right naar left

Gebruikersavatar
hetouderenforum
Berichten: 43
Lid geworden op: 18 okt 2014, 12:39
Locatie: Noord Holland
Contacteer:

Re: se_square layout aanpassen

Bericht door hetouderenforum » 19 okt 2014, 19:36

Dit is uit het \styles\se_square\ common.css vanaf regel 300, maar welke aanpassing?
Ik heb deze geprobeerd maar daarna kon ik het forum bijna niet laden in de browser

Code: Selecteer alles

ul.rightside {
	float: right; <------test -->naar left gezet, geen suc6
	margin-left: 5px;
	margin-right: -5px;
	text-align: right; 

dit is uit het file zonder aanpassing

Code: Selecteer alles

/* Horizontal lists
----------------------------------------*/
ul.linklist {
	display: block;
	margin: 0;
}

ul.linklist li {
	display: block;
	list-style-type: none;
	float: left;
	width: auto;
	margin-right: 5px;
	font-size: 1.1em;
	line-height: 2.2em;
}

ul.linklist li.rightside, p.rightside {
	float: right;
	margin-right: 0;
	margin-left: 5px;
	text-align: right;
}

ul.navlinks {
	padding-bottom: 1px;
	margin-bottom: 1px;
	border-bottom: 1px solid #FFFFFF;
	font-weight: bold;
}

ul.leftside {
	float: left;
	margin-left: 0;
	margin-right: 5px;
	text-align: left;
}

ul.rightside {
	float: right;
	margin-left: 5px;
	margin-right: -5px;
	text-align: right;
}

/* Table styles
----------------------------------------*/
Laatst gewijzigd door David op 19 okt 2014, 19:54, 2 keer totaal gewijzigd.
Reden: code tags toegevoegd

Gebruikersavatar
Theriddler
Berichten: 1103
Lid geworden op: 20 apr 2012, 07:47
Contacteer:

Re: se_square layout aanpassen

Bericht door Theriddler » 19 okt 2014, 22:53

Open: /styles/se_square/theme/content.css

Zoek:

Code: Selecteer alles

dd.posts, dd.topics, dd.views {
	width: 8%;
	text-align: center;
	line-height: 2.2em;
	font-size: 1.2em;
}
Vervang met:

Code: Selecteer alles

dd.posts, dd.topics, dd.views {
	width: 9%;
	text-align: center;
	line-height: 2.2em;
	font-size: 1.2em;
}
Open: /styles/se_square/theme/common.css

Zoek:

Code: Selecteer alles

.headerbar {
	background: #ebebeb none repeat-x 0 0;
	color: #FFFFFF;
	margin-bottom: 4px;
	padding: 0 5px;
}
Vervang met:

Code: Selecteer alles

.headerbar {
	background: #ebebeb none repeat-x 0 0;
	color: #FFFFFF;
	margin-bottom: 12px;
	padding: 0 5px;
}

Gebruikersavatar
hetouderenforum
Berichten: 43
Lid geworden op: 18 okt 2014, 12:39
Locatie: Noord Holland
Contacteer:

Re: se_square layout aanpassen

Bericht door hetouderenforum » 20 okt 2014, 10:25

Helaas, het werkt niet.
Ik heb eerst alleen in de theme files van se square common en content aangepast.
Refresh in de admin, style en verschillende browsers, geen suc6.

Ook nog in theme prosilver (is basis voor se square) ook geen verandering.

Is er nog een andere mogelijkheid?

Graag wil ik hetzelfde als dit phpbb forum, zie de plek van "Forumoverzicht"

Gebruikersavatar
hetouderenforum
Berichten: 43
Lid geworden op: 18 okt 2014, 12:39
Locatie: Noord Holland
Contacteer:

Re: se_square layout aanpassen

Bericht door hetouderenforum » 20 okt 2014, 17:05

Gevonden ->forumindex naar links
Het eigen logo formaat aangepast, kleiner formaat -> nu staat het wel goed.
Logo bleek te breed.

Alleen zit ik nog met
Afbeelding

De tekst onderwerpen en berichten valt in elkaar? Is dat te wijzigen naar meer uit elkaar?

Gebruikersavatar
El torro
Berichten: 4177
Lid geworden op: 02 sep 2014, 21:28
Locatie: In het zonnige zuiden
Contacteer:

Re: se_square layout aanpassen

Bericht door El torro » 20 okt 2014, 17:32

hetouderenforum schreef:Gevonden ->forumindex naar links
Het eigen logo formaat aangepast, kleiner formaat -> nu staat het wel goed.
Logo bleek te breed.

Alleen zit ik nog met
Afbeelding

De tekst onderwerpen en berichten valt in elkaar? Is dat te wijzigen naar meer uit elkaar?
..

Bij mij heet het "topics" ipv onderwerpen, dus geen last van :D
Is het in de standaard stijl ook zo?

Gebruikersavatar
hetouderenforum
Berichten: 43
Lid geworden op: 18 okt 2014, 12:39
Locatie: Noord Holland
Contacteer:

Re: se_square layout aanpassen

Bericht door hetouderenforum » 20 okt 2014, 19:19

In prosilver standaard zonder aanpassingen, niet.
Deze style is paginabreed, kolommen lijken daar dan ook breder zie afbeelding standaard prosilver.
Afbeelding

Ik ben dus zoekende hoe en waarin dit is aan te passen in de se_square style.
Vandaag ook prosilver_se geinstalleerd, nog niet geacitveerd. Daarin zie ik ook dat onderwerpen berichten
in elkaar lopen.

De forumbreedte misschien?
Of lettertype grootte? Zo ja, in welk bestand kan ik dat aanpassen?

Gebruikersavatar
El torro
Berichten: 4177
Lid geworden op: 02 sep 2014, 21:28
Locatie: In het zonnige zuiden
Contacteer:

Re: se_square layout aanpassen

Bericht door El torro » 20 okt 2014, 20:02

Voor het forum iets te verbreden (op mijn scherm loopt jouw forumtekst niet in elkaar over) kun je dit eens proberen:
http://wiki.phpbb.nl/3.x/Forum_versmallen

Gebruikersavatar
hetouderenforum
Berichten: 43
Lid geworden op: 18 okt 2014, 12:39
Locatie: Noord Holland
Contacteer:

Re: se_square layout aanpassen

Bericht door hetouderenforum » 20 okt 2014, 21:27

Dank je voor jouw tips.
Ik heb ook wiki forum versmallen gebruikt, diverse opties uitgeprobeerd, helaas ik zie niet het gewenste resultaat. Ik heb de orginele common en content files weer teruggezet.

Ook verschillende browsers en percentage view 90% - 100% en ook minder en hoger % uitgetest.
IE11 en Opera geeft geen resultaten, blijft in elkaar lopen. Jammer.

Waterfox, bij 90% TOP. op 24" monitor.

Eltorro, je gaf aan dat het in jouw browser normaal lijkt, dus ik denk dat ik het zo maar laat :(

Gebruikersavatar
Theriddler
Berichten: 1103
Lid geworden op: 20 apr 2012, 07:47
Contacteer:

Re: se_square layout aanpassen

Bericht door Theriddler » 20 okt 2014, 23:14

hetouderenforum schreef:Alleen zit ik nog met
Afbeelding

De tekst onderwerpen en berichten valt in elkaar? Is dat te wijzigen naar meer uit elkaar?
door de wijziging door te voeren die eerder werd gezegd

Open: /styles/se_square/theme/content.css met notepad++

Zoek:

Code: Selecteer alles

dd.posts, dd.topics, dd.views {
	width: 8%;
	text-align: center;
	line-height: 2.2em;
	font-size: 1.2em;
}
Vervang met:

Code: Selecteer alles

dd.posts, dd.topics, dd.views {
	width: 9%;
	text-align: center;
	line-height: 2.2em;
	font-size: 1.2em;
}
Het gaat hier om de width van 8% naar 9%
Daarna theme vernieuwen alsook de browser cache legen dmv CTRL F5 (hard refresh)

Gebruikersavatar
hetouderenforum
Berichten: 43
Lid geworden op: 18 okt 2014, 12:39
Locatie: Noord Holland
Contacteer:

Re: se_square layout aanpassen

Bericht door hetouderenforum » 21 okt 2014, 00:33

Precies gedaan zoals hierboven beschreven, van 8% naar 9%, geen suc6.
Daarna 10,11 en 12% geprobeerd, met gebruik van notepad++. Refresh style en ctrl+f5 toegepast.

Het blijft vreemd, IE11 en Opera geen positief resultaat.
Tekst wordt nog steeds in elkaar weergegeven ook als ik beeld>view lager of hoger zet in de browser.

Waterfox alleen tot 90% view, prima. Hoger of lager weer de tekst in elkaar.

Gebruikersavatar
hetouderenforum
Berichten: 43
Lid geworden op: 18 okt 2014, 12:39
Locatie: Noord Holland
Contacteer:

Re: se_square layout aanpassen

Bericht door hetouderenforum » 21 okt 2014, 11:29

Nog eens alles bekeken.
Via de style demo van se_squeare en prosilver_se zag ik dat de teksten Topics->onderwerpen
en Posts -> berichten ook door elkaar lopen, (viel niet eerder op)zoals ik kan bekijken door de NL vertaling.
De woorden zijn te lang voor deze breedte van het forum en/of kolommen.

Ik heb het zo opgelost.
Notepad++ geopend, en via bestand

Code: Selecteer alles

language/nl_x_normal/common.php
gezocht naar:
Topics = (nu) Items
Posts = (nu) Reacties
Last Post (nu) Laatste reacties

Door deze zo te wijzigen is het voor mij Prima!
Dus is het opgelost. :lol:

Plaats reactie