phpBB.nl

Nederlandstalige phpBB Support
https://www.phpbb.nl/forums/

Probleem met style absolution 1.1

https://www.phpbb.nl/forums/viewtopic.php?f=54&t=57554

Pagina 1 van 3

Probleem met style absolution 1.1

Geplaatst: 27 jun 2012, 06:57
door yomi
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

Re: Probleem met style absolution 1.1

Geplaatst: 28 jun 2012, 00:42
door Pola
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.

Re: Probleem met style absolution 1.1

Geplaatst: 30 jun 2012, 22:45
door yomi
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

Re: Probleem met style absolution 1.1

Geplaatst: 01 jul 2012, 22:50
door Pola
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>

Re: Probleem met style absolution 1.1

Geplaatst: 04 jul 2012, 13:54
door yomi
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 -->

Re: Probleem met style absolution 1.1

Geplaatst: 04 jul 2012, 23:17
door Pola
Heb je naast wijzigingen in de template bestanden (HTML) ook wijzigingen gemaakt in de theme bestanden (CSS)?

Re: Probleem met style absolution 1.1

Geplaatst: 05 jul 2012, 06:46
door yomi
Nee heb ik niet gedaan....

Re: Probleem met style absolution 1.1

Geplaatst: 06 jul 2012, 01:03
door Pola
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;
}

Re: Probleem met style absolution 1.1

Geplaatst: 10 jul 2012, 07:19
door yomi
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

Re: Probleem met style absolution 1.1

Geplaatst: 10 jul 2012, 09:16
door Pola
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.

Re: Probleem met style absolution 1.1

Geplaatst: 10 jul 2012, 15:46
door yomi
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 -->

Re: Probleem met style absolution 1.1

Geplaatst: 10 jul 2012, 17:33
door Pola
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.

Re: Probleem met style absolution 1.1

Geplaatst: 16 jul 2012, 18:59
door yomi
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

Re: Probleem met style absolution 1.1

Geplaatst: 16 jul 2012, 22:36
door Pola
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).

Re: Probleem met style absolution 1.1

Geplaatst: 17 jul 2012, 08:07
door yomi
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 :)

Re: Probleem met style absolution 1.1

Geplaatst: 18 jul 2012, 00:07
door Pola
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>

Re: Probleem met style absolution 1.1

Geplaatst: 18 jul 2012, 11:48
door yomi
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

Re: Probleem met style absolution 1.1

Geplaatst: 18 jul 2012, 21:19
door Pola
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;
}

Re: Probleem met style absolution 1.1

Geplaatst: 19 jul 2012, 07:40
door yomi
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

Re: Probleem met style absolution 1.1

Geplaatst: 19 jul 2012, 07:42
door Pola
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. :)
Alle tijden zijn UTC+01:00
Pagina 1 van 3
Powered by phpBB® Forum Software © phpBB Limited
https://www.phpbb.com/