Probleem met style absolution 1.1

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.
yomi
Berichten: 318
Lid geworden op: 16 dec 2008, 16:04
Locatie: Koedijk
Contacteer:

Probleem met style absolution 1.1

Bericht door yomi » 27 jun 2012, 06:57

Hallo,
Ik ben bezig om al mijn mods om te zetten naar een nieuwe style op mijn forum.
Zie de nieuwe style die ik wil gaan gebruik via de volgende link.
http://www.phpbb.com/customise/db/style/absolution/

Nu ben ik beland bij de volgende mod 'Advertisement Management' version 1.0.12.
http://lithiumstudios.org/forum/viewtop ... =31&t=1132

Deze mod heb ik geinstalleer in mijn nieuwe style, maar loop nu tegen het volgende probleem aan.
Het frame van deze mod wil niet lekker passen in mijn hoofdkader van mijn style.
Zie foto als voorbeeld.
Afbeelding

Hoe kan ik het frame van deze mod netjes in mijn hoofd frame van mij style plaatsen.
Zodat het weer een geheel wordt.

Ik heb al gezocht op internet, ook gekeken bij de ontwerper van de style maar kan er niks op vinden.
Wie kan mij helpen. Volgens mij moet ik wat aanpassen in mijn overall_footer.html van mijn nieuwe style.
Maar wat geen idee.

Zie mijn code van mijn overall_footer.html:

Code: Selecteer alles

<br></br>
	</div>
	<!-- IF ADS_7 -->
	<div class="forabg">
		<div class="inner"><span class="corners-top"><span></span></span>
			<ul class="topiclist">
				<li class="header">
					<dl class="icon">
						<dt>{L_ADVERTISEMENT}</dt>
					</dl>
				</li>
			</ul>
			<div style="padding: 5px 5px 2px 5px; font-size: 1.1em; background-color: #ECF1F3; margin: 0px auto; text-align: center;">
				{ADS_7}
			</div>
		<span class="corners-bottom"><span></span></span></div>
	</div>
<!-- ENDIF -->

</div><!-- /contentpadding -->



</div><!-- /wrap -->

<div style="clear: both;"></div>

<div class="footer" style='width: {$ABSOLUTION_BOARD_WIDTH};'>
         &copy; Mede mogelijk gemaakt door: <a href="http://www.phpbb.com/" >phpBB Group</a>
    <br />Copyright &copy; 2012 <a href="/copyright.php">link Copyright</a> &reg; Witvisforum.nl
<br />
	<!-- IF U_ACP --><br /><strong><a href="{U_ACP}">{L_ACP}</a></strong><!-- ENDIF -->
	<!-- IF U_ACP --><br /><strong><a href="/chat/admin/index.php">ChatBox AdminCP</a></strong><!-- ENDIF -->
</div>
	{ADS_8}

</div><!-- /noise -->

    <script type='text/javascript'>
    // <![CDATA[
       $(function() {
          $('.tip').tipsy({fade: true, gravity: 's'});
       });
    // ]]>
    </script>
<div>
	<a id="bottom" name="bottom" accesskey="z"></a>
	<!-- IF not S_IS_BOT -->{RUN_CRON_TASK}<!-- ENDIF -->
</div>
</body>
</html>

Ps' de nieuwe style is nog niet aktief op mijn forum. Wil ik pas doen als alles goed werkt

Alvast bedankt Pascal

Gebruikersavatar
Pola
Berichten: 1495
Lid geworden op: 19 jan 2012, 14:40
Contacteer:

Re: Probleem met style absolution 1.1

Bericht door Pola » 28 jun 2012, 00:42

Het is lastig om dit soort style problemen op te lossen, zonder het probleem en de stijlbestanden zelf te kunnen controleren. Als je toch een link zou kunnen geven, waar het bekeken kan worden zou dat enorm helpen.

Als dat niet mogelijk is, zal ik de stijl downloaden, om te kijken wat de verschillen zijn tussen de code die voor de informatie en de code uit de overall_footer die je plaatste.
HGN op phpbb.com

yomi
Berichten: 318
Lid geworden op: 16 dec 2008, 16:04
Locatie: Koedijk
Contacteer:

Re: Probleem met style absolution 1.1

Bericht door yomi » 30 jun 2012, 22:45

Hoi Pola,

De style is nog niet live, vandaar ook dat ik je geen link kan geven.
Ik heb nog 3 mod die ik moet verwerken voordat ik live ga met deze style.
Maar als je zou willen kijken heel graag..

Pascal

Gebruikersavatar
Pola
Berichten: 1495
Lid geworden op: 19 jan 2012, 14:40
Contacteer:

Re: Probleem met style absolution 1.1

Bericht door Pola » 01 jul 2012, 22:50

Probeer het eens met de volgende overall_footer.html

Code: Selecteer alles

   <br />
   <!-- IF ADS_7 -->
      <div class="catglow">
          <div class="cathead-m">
              <div class="cathead-r">
                  <div class="cathead-l">
            	         {L_ADVERTISEMENT}
                  </div>
              </div>
          </div>
          <div class="collapsethis">
              <div style="padding: 5px 5px 2px 5px; font-size: 1.1em; background-color: #ECF1F3; margin: 0px auto; text-align: center;">
                  {ADS_7}
              </div>
          </div>
      </div>
   <!-- ENDIF -->

   </div>
</div><!-- /contentpadding -->



</div><!-- /wrap -->

<div style="clear: both;"></div>

<div class="footer" style='width: {$ABSOLUTION_BOARD_WIDTH};'>
         &copy; Mede mogelijk gemaakt door: <a href="http://www.phpbb.com/" >phpBB Group</a>
    <br />Copyright &copy; 2012 <a href="/copyright.php">link Copyright</a> &reg; Witvisforum.nl
<br />
   <!-- IF U_ACP --><br /><strong><a href="{U_ACP}">{L_ACP}</a></strong><!-- ENDIF -->
   <!-- IF U_ACP --><br /><strong><a href="/chat/admin/index.php">ChatBox AdminCP</a></strong><!-- ENDIF -->
</div>
   {ADS_8}

</div><!-- /noise -->

    <script type='text/javascript'>
    // <![CDATA[
       $(function() {
          $('.tip').tipsy({fade: true, gravity: 's'});
       });
    // ]]>
    </script>
<div>
   <a id="bottom" name="bottom" accesskey="z"></a>
   <!-- IF not S_IS_BOT -->{RUN_CRON_TASK}<!-- ENDIF -->
</div>
</body>
</html>
HGN op phpbb.com

yomi
Berichten: 318
Lid geworden op: 16 dec 2008, 16:04
Locatie: Koedijk
Contacteer:

Re: Probleem met style absolution 1.1

Bericht door yomi » 04 jul 2012, 13:54

Hoi Pola,

Helemaal super de oplossing die je heb gegeven en werk goed.
Nu loop ik nog tegen een ander probleempje aan.
Als ik een Mod installeer dan wordt er een link gemaakt op mijn hoofd frame om naar deze mod te gaan.
normaal staan deze keurig linkjes van deze modjes onder elkaar of naast elkaar.
Bij mij lukt dat niet helemaal en staan ze niet onder elkaar maar naast elkaar .
Ik wil ze juist onder elkaar hebben
zie de foto met het omringende cirkel en pijltje : http://www.witvisforum.nl/probleem2.jpg

Ik weer dat dit wordt gedaan normaal in een overall_header.html file,
bij mij style wordt dit gergeld in navbar.html hoe kan ik dit zo aanpassen dat ze weer keurig onder
elkaar staan. ik weet dat ik iets moet aanpassen in dit stukje code.
Maar met een <br /> lukt het niet.

Code: Selecteer alles

  </li>
            <li class="divider float-right"></li>

            <!-- IF not S_USER_LOGGED_IN and S_REGISTER_ENABLED and not S_SHOW_COPPA -->
            	<li class="float-right<!-- IF $CURRENT_PAGE == 'register' --> active<!-- ENDIF -->">
                	<a href="{U_REGISTER}"><img src="{T_THEME_PATH}/images/add.png" width="16" height="16" alt="" />{L_REGISTER}</a>
                </li>
                <li class="divider float-right"></li>
            <!-- ENDIF -->
			
			<!-- IF S_DISPLAY_SEARCH -->
                <li class="float-right<!-- IF SCRIPT_NAME eq 'Algemeen' --> active<!-- ENDIF -->">
                    <a href="Algemeen"><img src="{T_THEME_PATH}/images/algemeen.png" width="16" height="16" alt="" />Algemeen</a>
                    <!-- IF S_USER_LOGGED_IN -->
                    	<div style="clear: both;"></div>
                    	<ul class="drop">
							<li><a href="{U_GALLERY_MOD}"><img src="{T_THEME_PATH}/images/icon_gallery.gif" width="16" height="16" alt="" />Foto's Leden</a></li>			
							<li><a href="{U_LINKPAGE}"><img src="{T_THEME_PATH}/images/weblink.png" width="16" height="16" alt="" />Link Pagina</a></li>	
   <!-- IF U_CLASSIFIEDS --><li><a href="{U_CLASSIFIEDS}"><img src="{T_THEME_PATH}/images/cart.png"  width="16" height="16" alt="" />Marktplaats</a></li><!-- ENDIF -->						
   <!-- BEGIN blog_links --><li><a href="{blog_links.URL}"><img src="{T_THEME_PATH}/images/blog.png"  width="16" height="16" alt="" />{blog_links.TEXT}</a></li><!-- END blog_links -->
						</ul>
                    <!-- ENDIF -->
                </li>
                <li class="divider float-right"></li>
            <!-- ENDIF -->

Gebruikersavatar
Pola
Berichten: 1495
Lid geworden op: 19 jan 2012, 14:40
Contacteer:

Re: Probleem met style absolution 1.1

Bericht door Pola » 04 jul 2012, 23:17

Heb je naast wijzigingen in de template bestanden (HTML) ook wijzigingen gemaakt in de theme bestanden (CSS)?
HGN op phpbb.com

yomi
Berichten: 318
Lid geworden op: 16 dec 2008, 16:04
Locatie: Koedijk
Contacteer:

Re: Probleem met style absolution 1.1

Bericht door yomi » 05 jul 2012, 06:46

Nee heb ik niet gedaan....

Gebruikersavatar
Pola
Berichten: 1495
Lid geworden op: 19 jan 2012, 14:40
Contacteer:

Re: Probleem met style absolution 1.1

Bericht door Pola » 06 jul 2012, 01:03

Met de volgende wijziging is het mij gelukt om de keuzes in het dropdownmenu allemaal netjes onder elkaar te krijgen.

Open /styles/absolution/theme/absolution.css
Zoek

Code: Selecteer alles

#nav ul li a {
	background: url("{T_THEME_PATH}/images/navbg.gif") repeat-x left top;
	padding: 20px 16px 15px;
	float: left;
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 14px;
	letter-spacing: -0.5px;
	color: #082c51;
	text-shadow: 0 1px 0 #FFFFFF;
	-webkit-transition: color 0.2s ease-in;
 	-o-transition: color 0.2s ease-in;
	-moz-transition: color 0.2s ease-in;
	transition: color 0.2s ease-in;
}
Vervang door

Code: Selecteer alles

#nav ul li a {
	background: url("{T_THEME_PATH}/images/navbg.gif") repeat-x left top;
	padding: 20px 16px 15px;
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 14px;
	letter-spacing: -0.5px;
	color: #082c51;
	text-shadow: 0 1px 0 #FFFFFF;
	-webkit-transition: color 0.2s ease-in;
 	-o-transition: color 0.2s ease-in;
	-moz-transition: color 0.2s ease-in;
	transition: color 0.2s ease-in;
}
HGN op phpbb.com

yomi
Berichten: 318
Lid geworden op: 16 dec 2008, 16:04
Locatie: Koedijk
Contacteer:

Re: Probleem met style absolution 1.1

Bericht door yomi » 10 jul 2012, 07:19

Hoi Pola,

Jouw code werk helemaal super bedankt daarvoor.
Nu loop ik nog tegen een ander klein probleempje aan,
en dat is dat ik in mijn nieuwe style mij naam van het forum niet te zien krijg op mijn logo foto afbeeldingen.
Zie de foto van mijn oude style waar het wel goed is, en zie de foto van mij nieuwe style waar het nog niet goed is. Hoe kan ik dit aanpassen zodat dit ook weer zichtbaar wordt in mij nieuwe style.

Oude style met tekst die goed is in het logo:
http://www.witvisforum.nl/04.jpg

Nieuwe style waar de tekst nog niet zichtbaar is in de logo foto's:
http://www.witvisforum.nl/05.jpg

Gebruikersavatar
Pola
Berichten: 1495
Lid geworden op: 19 jan 2012, 14:40
Contacteer:

Re: Probleem met style absolution 1.1

Bericht door Pola » 10 jul 2012, 09:16

De stijl is zo ontworpen om één van beide weer te geven. Je kunt instellen dat het logo getoond wordt als je een logo hebt, of de titel als je geen logo hebt.

Wil je sitenaam én omschrijving tonen?

Begin eens met de volgende wijzigingen:
Open /styles/absolution/template/overall_header.html
Zoek

Code: Selecteer alles

        <div class="float-left">
        <!-- IF $USE_IMAGESET_LOGO -->
            {SITE_LOGO_IMG}
        <!-- ELSE -->
            <h1>{SITENAME}</h1>
        <!-- ENDIF -->
        </div>
Vervang dat door:

Code: Selecteer alles

        <div class="float-left">
        <!-- IF $USE_IMAGESET_LOGO -->
            {SITE_LOGO_IMG}
        <!-- ENDIF -->
        </div>
				<h1>{SITENAME}<br/>
 				{SITE_DESCRIPTION}</h1>
In /styles/absolution/theme/absolution.css kun je het font van de sitename en omschrijving aanpassen. Die staat standaard nogal groot.
Zoek

Code: Selecteer alles

#header h1 {
	padding: 33px;
	margin: 0;
	font-family: "Harabara", Arial, Helvetica, sans-serif;
	font-size: 36px;
	display: block;
	background: url("{T_THEME_PATH}/images/logo-text-bg.png") no-repeat left top;
	text-shadow: 0 3px 3px #01102f;
	min-width: 377px;
	height: 40px;
}
en vervang daarin font-size: 36px; voor de lettergrootte die je wilt hebben.
HGN op phpbb.com

yomi
Berichten: 318
Lid geworden op: 16 dec 2008, 16:04
Locatie: Koedijk
Contacteer:

Re: Probleem met style absolution 1.1

Bericht door yomi » 10 jul 2012, 15:46

Hoi Pola,

In mij overall_header.html staat dit stukje code wat mijn afbeeldingen maakt helemaal boven in.
De regel : <img src="{T_IMAGESET_PATH}/site-logo-{SITE_LOGO_RANDOM}.jpg" width="100%" height="300" />
zorgt er voor dat iedere keer mijn hoofd afbeelding anders is.
Dit heb heb ik gedaan naar aanleiding via het volgende modje
http://www.phpbb.com/kb/article/adding- ... der-image/

Zie het voorbeeld van mij code..
De code die jij aangeeft kan ik daardoor dan ook niet vinden alleen de regel <div class="float-left">
kom hierin voor.

Zie hier code in mijn overall_header.html

Code: Selecteer alles

<div id="header">
    		{ADS_1}
        <div class="float-left">
		<img src="{T_IMAGESET_PATH}/site-logo-{SITE_LOGO_RANDOM}.jpg" width="100%" height="300" />
         <div id="site-description" style="widht: 100%; height: 0px; padding-bottom: 0px;">
                         <div style="margin-top: 0px;">
            <p style="display: none;"><a href="#start_here">{L_SKIP}</a></p>
         </div>
                        </div>
		</div>
    </div><!-- /header -->

Gebruikersavatar
Pola
Berichten: 1495
Lid geworden op: 19 jan 2012, 14:40
Contacteer:

Re: Probleem met style absolution 1.1

Bericht door Pola » 10 jul 2012, 17:33

Het hele gedeelte lijkt totaal niet op wat er in Absolution staat. Ook niet als je de aanpassingen voor het random logo er bij neemt.

Waar komt bijvoorbeeld het volgende gedeelte vandaan?

Code: Selecteer alles

         <div id="site-description" style="widht: 100%; height: 0px; padding-bottom: 0px;">
                         <div style="margin-top: 0px;">
            <p style="display: none;"><a href="#start_here">{L_SKIP}</a></p>
Hier zit in ieder geval een tikfout in: widht moet width zijn.
Het is erg lastig om stijlaanpassingen aan te geven, zonder te kunnen zien hoe de bestanden er uit zien.
Bovendien is het nogal frustrerend om na het installeren van de absolution stijl en het aanpassen en controleren van de aanpassingen er achter te komen dat betreffend gedeelte al gewijzigd is.
HGN op phpbb.com

yomi
Berichten: 318
Lid geworden op: 16 dec 2008, 16:04
Locatie: Koedijk
Contacteer:

Re: Probleem met style absolution 1.1

Bericht door yomi » 16 jul 2012, 18:59

Hoi Pola,

Sorry voor de wat laten reactie, maar was voor mijn werk in het buitenland.
Bedankt voor al je hulp tot nu toe, en sorry dat je gefrustreer raakt door mijn code.
Dit was zeker niet de bedoeling.

Graag zou ik nog een keer van jou kennis gebruik willen maken met het volgende
probleem waar ik nog tegen aanloop met mijn style.
De style staat zins vandaag live en is dus te bekijken.

Nu krijg ik alleen van sommige gebruikers te horen dat als ze het forum bekijken op een 15 inch scherm. 4:3 heel veel moeten scrolle om de berichten te lezen.

Zie foto hieronder als voorbeeld van een van onze gebruikers,
Afbeelding
Dit wordt gezien vanaf een laptop 15".

Dit is zowel op de startpagina, als op het forumoverzicht.
Hoe zou ik dit kunnen verhelpen zodat ze niet zo veel hoeven te scrollen.
Is daar iets voor.
Wie weet hier iets voor.

Alvast heel erg bedankt :)

Pascal

Gebruikersavatar
Pola
Berichten: 1495
Lid geworden op: 19 jan 2012, 14:40
Contacteer:

Re: Probleem met style absolution 1.1

Bericht door Pola » 16 jul 2012, 22:36

Het probleem wordt veroorzaakt door de afbeeldingen in je header die 1230 pixels breed zijn.

Om te voorkomen dat de breedte van het forum daar afhankelijk van is, kun je de volgende aanpassing maken:
Open /styles/absolution/theme/common.css
Zoek

Code: Selecteer alles

img {
	border-width: 0;
}
Vervang door

Code: Selecteer alles

img {
	border-width: 0;
	max-width: 100%;
}
Pas als je het scherm verkleind tot een breedte van 650 pixels zal er gescrolld moeten worden (#wrap heeft min-width: 650px).
HGN op phpbb.com

yomi
Berichten: 318
Lid geworden op: 16 dec 2008, 16:04
Locatie: Koedijk
Contacteer:

Re: Probleem met style absolution 1.1

Bericht door yomi » 17 jul 2012, 08:07

Pola helemaal super, werkt goed.
Loop ik nog tegen een ding aan en dat is dat oude probleem dat de naam
van het forum en titel niet op de foto / logo boven aan staat net zoals bij de oude style.
Als je daar nog mee zou kunnen help..zie bericht van 10 jul 2012, 08:19 met de links naar de foto's van de oude en nieuwe style.

Pascal :)

Gebruikersavatar
Pola
Berichten: 1495
Lid geworden op: 19 jan 2012, 14:40
Contacteer:

Re: Probleem met style absolution 1.1

Bericht door Pola » 18 jul 2012, 00:07

Ik zou het volgende eens proberen.
Open /styles/absolution/template/overall_header.html
Zoek

Code: Selecteer alles

         <div id="site-description" style="width"100%" height: 0px; padding-bottom: 0px;">
Vervang door

Code: Selecteer alles

         <div id="site-description" style="width"100%" height: 0px; padding-bottom: 0px;">
            <h1>{SITENAME}<br/>
             {SITE_DESCRIPTION}</h1>
HGN op phpbb.com

yomi
Berichten: 318
Lid geworden op: 16 dec 2008, 16:04
Locatie: Koedijk
Contacteer:

Re: Probleem met style absolution 1.1

Bericht door yomi » 18 jul 2012, 11:48

Hoi Pola,

Als ik de code toevoeg aan de overall_header.html dan krijg
ik het volgende te zien op mijn forum.
Druk op de link voor foto.

http://www.witvisforum.nl/probleem3000.jpg

Gebruikersavatar
Pola
Berichten: 1495
Lid geworden op: 19 jan 2012, 14:40
Contacteer:

Re: Probleem met style absolution 1.1

Bericht door Pola » 18 jul 2012, 21:19

Ik zie helemaal geen afbeelding in de header meer als ik op je site kom.

Volgens mij zou het volgende moeten werken.

In /styles/absolution/template/overall_header.html

Code: Selecteer alles

    <div id="header">
    		{ADS_1}
        <div class="float-left">
		<img src="{T_IMAGESET_PATH}/site-logo-{SITE_LOGO_RANDOM}.jpg" width="100%" height="300" />
         <div id="site-description" style="width"100%" height: 0px; padding-bottom: 0px;">
                         <div style="margin-top: 0px;">
            <p style="display: none;"><a href="#start_here">{L_SKIP}</a></p>
         </div>
                        </div>
		</div>
    </div><!-- /header -->
Vervang door

Code: Selecteer alles

    <div id="header">
    		{ADS_1}
        <div id="site-description">
		<img src="{T_IMAGESET_PATH}/site-logo-{SITE_LOGO_RANDOM}.jpg" width="100%" height="300" display: block;" />
            <h1>{SITENAME}<br/>
             {SITE_DESCRIPTION}</h1>
            <div style="margin-top: 0px;">
                <p style="display: none;"><a href="#start_here">{L_SKIP}</a></p>
            </div>
        </div>
    </div><!-- /header -->
Open /styles/absolution/theme/common.css
Zoek

Code: Selecteer alles

/* Site description and logo */
#site-description {
	float: left;
	width: 70%;
}

#site-description h1 {
	margin-right: 0;
}
Vervang door

Code: Selecteer alles

/* Site description and logo */
#site-description {
	float: left;
	width: 100%;
}

#site-description h1 {
	margin-right: 0;
	position: relative;
	top: -100px;
}
HGN op phpbb.com

yomi
Berichten: 318
Lid geworden op: 16 dec 2008, 16:04
Locatie: Koedijk
Contacteer:

Re: Probleem met style absolution 1.1

Bericht door yomi » 19 jul 2012, 07:40

Hoi Pola,

Als ik de code toevoeg dan krijg ik het volgende te zien.
Druk op de link hieronder voor de foto.

http://www.witvisforum.nl/probleem5000.jpg
Laatst gewijzigd door yomi op 19 jul 2012, 07:44, 1 keer totaal gewijzigd.

Gebruikersavatar
Pola
Berichten: 1495
Lid geworden op: 19 jan 2012, 14:40
Contacteer:

Re: Probleem met style absolution 1.1

Bericht door Pola » 19 jul 2012, 07:42

Als ik op je linkje klik, krijg ik niets te zien. ;)

Verander de -100px in common.css eens in -150px.
Wijziging: Inmiddels werkt het linkje wel. :)
HGN op phpbb.com

Plaats reactie