Link maken in mobiele-versie

Hulp nodig bij een modificaties of op zoek naar een MOD?
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
html4fun
Berichten: 74
Lid geworden op: 05 mar 2014, 22:45

Link maken in mobiele-versie

Bericht door html4fun » 05 apr 2014, 12:58

  • Modificatie & Versie:
    Directe link naar de modificatie:
    Adres van je forum: http://budgetplants.eu/forum
    phpBB versie:
    Heb je onlangs een andere modificatie of stijl geïnstalleerd?

    Wat is mijn vraag?
Ik heb geen kaas gegeten van PHP maar wil graag een paar linken maken naar andere delen van mijn website. Voor de PC-versie heb ik hiervoor een menubalk maar zou graag ook linken maken in de mobiele-versie. Is dat mogelijk ?

Gebruikersavatar
Kevin
Berichten: 1684
Lid geworden op: 06 nov 2007, 17:22
Locatie: Brabants schoon
Contacteer:

Re: Link maken in mobiele-versie

Bericht door Kevin » 05 apr 2014, 21:46

Daar heb je geen php voor nodig hoor, ook in de mobiele stijl werk je met html. In de mobiele stijl zit een soort van menu ingebouwd, daar waar faq en inloggen ook in staan. Daar kun linken toevoegen zoveel je wilt, deze vind je in root/stijlnaam/template/overall_header.html
Afbeelding
ForumHulp.nl kan u helpen met: Technisch onderhoud, Extensies installaties/aanpassingen en Webdesign.

Teammember op Afbeelding phpBBservice.nl Afbeelding , Winnaar in de phpBB awards 2009, 2010 en 2012 met AquaforA

html4fun
Berichten: 74
Lid geworden op: 05 mar 2014, 22:45

Re: Link maken in mobiele-versie

Bericht door html4fun » 07 apr 2014, 05:56

Dag Kevin,

Ik heb e.e.a. geprobeerd maar krijg geen link in deze mobiele stijl. Ik wil deze link invoegen :

Code: Selecteer alles

<a href="http://www.budgetplants.eu">WEBSHOP</a>
Maar waar moet die dan komen in onderstaande overall_header ?

Code: Selecteer alles

<!DOCTYPE html>
<html dir="{S_CONTENT_DIRECTION}" lang="{S_USER_LANG}" xml:lang="{S_USER_LANG}" class="nojs">
<head>
<meta http-equiv="content-type" content="text/html; charset={S_CONTENT_ENCODING}" />
<meta name="viewport" content="width=device-width, initial-scale=1.0"/> 
{META}
<title>{SITENAME} &bull; <!-- IF S_IN_MCP -->{L_MCP} &bull; <!-- ELSEIF S_IN_UCP -->{L_UCP} &bull; <!-- ENDIF -->{PAGE_TITLE}</title>
<!--
	phpBB style name: Artodia: Mobile and SEO
	Based on style:   prosilver (this is the default phpBB3 style)
	Original author:  Tom Beddard ( http://www.subBlue.com/ )
	Modified by:	  Vjacheslav Trushkin ( http://www.artodia.com/ )
-->
<link href="{T_THEME_PATH}/style.css" rel="stylesheet" type="text/css" />
<script src="{T_TEMPLATE_PATH}/mobile.js"></script>
</head>

<body id="phpbb" class="section-{SCRIPT_NAME} {S_CONTENT_DIRECTION}">

<div id="page-header" class="nav-block gradient <!-- IF S_DISPLAY_SEARCH --><!-- IF PAGE_NUMBER and PAGINATION -->menu-3<!-- ELSE -->menu-2<!-- ENDIF --><!-- ELSEIF PAGE_NUMBER and PAGINATION -->menu-2<!-- ELSE -->menu-1<!-- ENDIF -->">
    <ul id="page-header-start">
        <li><a href="javascript:void(0);" class="menu-link back"><span>{L_INDEX}</span></a>
            <ul class="sub" itemscope="itemscope">
                <li><a href="{U_INDEX}" itemprop="url" rel="up">{L_INDEX}</a></li>
                <!-- BEGIN navlinks -->
                    <li><a href="{navlinks.U_VIEW_FORUM}" itemprop="url" rel="up">{navlinks.FORUM_NAME}</a></li>
                <!-- END navlinks -->   
            </ul>
        </li>
    </ul>
    <ul id="page-header-menu">
        <li><a href="javascript:void(0);" class="menu-link main"><span>{L_INDEX}</span></a>
            <ul class="sub">
    			<!-- IF not S_IS_BOT and S_USER_LOGGED_IN -->
                    <li><a href="{U_PROFILE}">{L_PROFILE}</a></li>
                    <!-- IF S_DISPLAY_PM --><li><a href="{U_PRIVATEMSGS}">{PRIVATE_MESSAGE_INFO}</a></li><!-- ENDIF -->
                    <!-- IF U_RESTORE_PERMISSIONS --><li><a href="{U_RESTORE_PERMISSIONS}">{L_RESTORE_PERMISSIONS}</a></li><!-- ENDIF -->
                <!-- ENDIF -->
				<li><a href="{U_FAQ}">{L_FAQ}</a></li>
				<!-- IF not S_IS_BOT -->
					<!-- IF S_DISPLAY_MEMBERLIST --><li><a href="{U_MEMBERLIST}">{L_MEMBERLIST}</a></li><!-- ENDIF -->
					<!-- IF not S_USER_LOGGED_IN and S_REGISTER_ENABLED and not (S_SHOW_COPPA or S_REGISTRATION) --><li><a href="{U_REGISTER}">{L_REGISTER}</a></li><!-- ENDIF -->
					<li><a href="{U_LOGIN_LOGOUT}">{L_LOGIN_LOGOUT}</a></li>
				<!-- ENDIF -->
            </ul>
        </li>
        <!-- IF S_DISPLAY_SEARCH -->
        <li><a href="javascript:void(0);" class="menu-link search"><span>{L_SEARCH_ADV}</span></a>
            <ul class="sub">
                <li><a href="{U_SEARCH}">{L_SEARCH_ADV}</a></li>
                <!-- IF not S_IS_BOT and S_USER_LOGGED_IN -->
                    <li><a href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a></li>
                <!-- ENDIF -->
        		<li><a href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a></li>
        		<!-- IF S_LOAD_UNREADS --><li><a href="{U_SEARCH_UNREAD}">{L_SEARCH_UNREAD}</a></li><!-- ENDIF -->
        		<!-- IF S_USER_LOGGED_IN --><li><a href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a></li><!-- ENDIF -->
        		<li><a href="{U_SEARCH_ACTIVE_TOPICS}">{L_SEARCH_ACTIVE_TOPICS}</a></li>
            </ul>
        </li>
        <!-- ENDIF -->
        <!-- IF PAGE_NUMBER and PAGINATION -->
        <li class="pages"><a href="javascript:void(0);" class="menu-link">#</a>
            <ul class="sub">
                <li>{PAGE_NUMBER} &nbsp; {PAGINATION}</li>
    			<!-- IF PREVIOUS_PAGE --><li><a href="{PREVIOUS_PAGE}">{L_PREVIOUS}</a></li><!-- ENDIF -->
			    <!-- IF NEXT_PAGE --><li><a href="{NEXT_PAGE}">{L_NEXT}</a></li><!-- ENDIF -->
            </ul>
        </li>
        <!-- ENDIF -->
    </ul>
    <h1><!-- IF SCRIPT_NAME == 'viewforum' --><a href="{U_VIEW_FORUM}">{FORUM_NAME}</a>
        <!-- ELSEIF SCRIPT_NAME == 'viewtopic' --><a href="{U_VIEW_TOPIC}">{TOPIC_TITLE}</a>
        <!-- ELSE --><a href="javascript:void(0);">{PAGE_TITLE}</a>
        <!-- ENDIF --></h1>
    <p>{SITE_DESCRIPTION}</p>
</div>

<div id="page-body">
		<!-- IF S_BOARD_DISABLED and S_USER_LOGGED_IN and (U_MCP or U_ACP) -->
		<div id="information" class="block rules">
            <h2>{L_INFORMATION}</h2> 
            {L_BOARD_DISABLED}
		</div>
        <!-- ELSEIF not S_IS_BOT && S_USER_LOGGED_IN && S_DISPLAY_PM && SCRIPT_NAME != 'ucp' -->
            <!-- IF S_USER_NEW_PRIVMSG and S_USER_PM_POPUP -->
                <div class="block rules" id="information">
                    <a href="{U_PRIVATEMSGS}"><!-- IF S_USER_NEW_PRIVMSG > 1 -->{L_YOU_NEW_PMS}<!-- ELSE -->{L_YOU_NEW_PM}<!-- ENDIF --></a>
                </div>
            <!-- ELSEIF S_USER_UNREAD_PRIVMSG or S_USER_NEW_PRIVMSG -->
                <div class="block rules" id="information">
                    <h2>{L_PRIVATE_MESSAGES}</h2>
                    <a href="{U_PRIVATEMSGS}">{PRIVATE_MESSAGE_INFO}<!-- IF PRIVATE_MESSAGE_INFO_UNREAD -->, {PRIVATE_MESSAGE_INFO_UNREAD}<!-- ENDIF --></a>
                </div>
            <!-- ENDIF -->
        <!-- ENDIF -->  

Gebruikersavatar
Kevin
Berichten: 1684
Lid geworden op: 06 nov 2007, 17:22
Locatie: Brabants schoon
Contacteer:

Re: Link maken in mobiele-versie

Bericht door Kevin » 07 apr 2014, 09:45

Bijvoorbeeld voor of na deze regel.

Code: Selecteer alles

<li><a href="{U_FAQ}">{L_FAQ}</a></li>
Dan zou je het volgende moeten toevoegen.

Code: Selecteer alles

<li><a href="http://www.budgetplants.eu">Webshop</a></li>
Afbeelding
ForumHulp.nl kan u helpen met: Technisch onderhoud, Extensies installaties/aanpassingen en Webdesign.

Teammember op Afbeelding phpBBservice.nl Afbeelding , Winnaar in de phpBB awards 2009, 2010 en 2012 met AquaforA

html4fun
Berichten: 74
Lid geworden op: 05 mar 2014, 22:45

Re: Link maken in mobiele-versie

Bericht door html4fun » 07 apr 2014, 12:19

Tja, ik had o.a. al wel geprobeerd boven de LOGIN_LOGUOT in dit zelfde rijdje. Heb de link nu onder

Code: Selecteer alles

<li><a href="{U_FAQ}">{L_FAQ}</a></li>
staan maar heb nog steeds geen link naar de webshop in de mobiele stijl van mijn forum.

Gebruikersavatar
David
Berichten: 5093
Lid geworden op: 15 jan 2007, 22:00
Locatie: Zeeuws-Vlaanderen
Contacteer:

Re: Link maken in mobiele-versie

Bericht door David » 07 apr 2014, 13:42

Heb je de template map van je mobiele stijl ook vernieuwd in je Beheerderspaneel tabblad: Stijlen?
Op zoek naar een vertaling voor je extensie? vertalingen

html4fun
Berichten: 74
Lid geworden op: 05 mar 2014, 22:45

Re: Link maken in mobiele-versie

Bericht door html4fun » 07 apr 2014, 16:45

David schreef:Heb je de template map van je mobiele stijl ook vernieuwd in je Beheerderspaneel tabblad: Stijlen?
Ja is ook gebeurt.

Gebruikersavatar
Kevin
Berichten: 1684
Lid geworden op: 06 nov 2007, 17:22
Locatie: Brabants schoon
Contacteer:

Re: Link maken in mobiele-versie

Bericht door Kevin » 07 apr 2014, 17:04

Daarna ook even je buffer legen nog, tabblad algemeen. Dit toch de manier moeten zijn.
Afbeelding
ForumHulp.nl kan u helpen met: Technisch onderhoud, Extensies installaties/aanpassingen en Webdesign.

Teammember op Afbeelding phpBBservice.nl Afbeelding , Winnaar in de phpBB awards 2009, 2010 en 2012 met AquaforA

html4fun
Berichten: 74
Lid geworden op: 05 mar 2014, 22:45

Re: Link maken in mobiele-versie

Bericht door html4fun » 07 apr 2014, 18:22

Kevin schreef:Daarna ook even je buffer legen nog, tabblad algemeen. Dit toch de manier moeten zijn.

Buffer ook geleegd.... nog geen link

html4fun
Berichten: 74
Lid geworden op: 05 mar 2014, 22:45

Re: Link maken in mobiele-versie

Bericht door html4fun » 07 apr 2014, 18:25

Hier nog ff de overall_header van de mobiele stijl

Code: Selecteer alles

<!DOCTYPE html>
<html dir="{S_CONTENT_DIRECTION}" lang="{S_USER_LANG}" xml:lang="{S_USER_LANG}" class="nojs">
<head>
<meta http-equiv="content-type" content="text/html; charset={S_CONTENT_ENCODING}" />
<meta name="viewport" content="width=device-width, initial-scale=1.0"/> 
{META}
<title>{SITENAME} &bull; <!-- IF S_IN_MCP -->{L_MCP} &bull; <!-- ELSEIF S_IN_UCP -->{L_UCP} &bull; <!-- ENDIF -->{PAGE_TITLE}</title>
<!--
	phpBB style name: Artodia: Mobile and SEO
	Based on style:   prosilver (this is the default phpBB3 style)
	Original author:  Tom Beddard ( http://www.subBlue.com/ )
	Modified by:	  Vjacheslav Trushkin ( http://www.artodia.com/ )
-->
<link href="{T_THEME_PATH}/style.css" rel="stylesheet" type="text/css" />
<script src="{T_TEMPLATE_PATH}/mobile.js"></script>
</head>

<body id="phpbb" class="section-{SCRIPT_NAME} {S_CONTENT_DIRECTION}">

<div id="page-header" class="nav-block gradient <!-- IF S_DISPLAY_SEARCH --><!-- IF PAGE_NUMBER and PAGINATION -->menu-3<!-- ELSE -->menu-2<!-- ENDIF --><!-- ELSEIF PAGE_NUMBER and PAGINATION -->menu-2<!-- ELSE -->menu-1<!-- ENDIF -->">
    <ul id="page-header-start">
        <li><a href="javascript:void(0);" class="menu-link back"><span>{L_INDEX}</span></a>
            <ul class="sub" itemscope="itemscope">
                <li><a href="{U_INDEX}" itemprop="url" rel="up">{L_INDEX}</a></li>
                <!-- BEGIN navlinks -->
                    <li><a href="{navlinks.U_VIEW_FORUM}" itemprop="url" rel="up">{navlinks.FORUM_NAME}</a></li>
                <!-- END navlinks -->   
            </ul>
        </li>
    </ul>
    <ul id="page-header-menu">
        <li><a href="javascript:void(0);" class="menu-link main"><span>{L_INDEX}</span></a>
            <ul class="sub">
    			<!-- IF not S_IS_BOT and S_USER_LOGGED_IN -->
                    <li><a href="{U_PROFILE}">{L_PROFILE}</a></li>
                    <!-- IF S_DISPLAY_PM --><li><a href="{U_PRIVATEMSGS}">{PRIVATE_MESSAGE_INFO}</a></li><!-- ENDIF -->
                    <!-- IF U_RESTORE_PERMISSIONS --><li><a href="{U_RESTORE_PERMISSIONS}">{L_RESTORE_PERMISSIONS}</a></li><!-- ENDIF -->
                <!-- ENDIF -->
				<li><a href="{U_FAQ}">{L_FAQ}</a></li>
				<li><a href="http://www.budgetplants.eu">Webshop</a></li>
				<!-- IF not S_IS_BOT -->
					<!-- IF S_DISPLAY_MEMBERLIST --><li><a href="{U_MEMBERLIST}">{L_MEMBERLIST}</a></li><!-- ENDIF -->
					<!-- IF not S_USER_LOGGED_IN and S_REGISTER_ENABLED and not (S_SHOW_COPPA or S_REGISTRATION) --><li><a href="{U_REGISTER}">{L_REGISTER}</a></li><!-- ENDIF -->
					<li><a href="{U_LOGIN_LOGOUT}">{L_LOGIN_LOGOUT}</a></li>
				<!-- ENDIF -->
            </ul>
        </li>
        <!-- IF S_DISPLAY_SEARCH -->
        <li><a href="javascript:void(0);" class="menu-link search"><span>{L_SEARCH_ADV}</span></a>
            <ul class="sub">
                <li><a href="{U_SEARCH}">{L_SEARCH_ADV}</a></li>
                <!-- IF not S_IS_BOT and S_USER_LOGGED_IN -->
                    <li><a href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a></li>
                <!-- ENDIF -->
        		<li><a href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a></li>
        		<!-- IF S_LOAD_UNREADS --><li><a href="{U_SEARCH_UNREAD}">{L_SEARCH_UNREAD}</a></li><!-- ENDIF -->
        		<!-- IF S_USER_LOGGED_IN --><li><a href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a></li><!-- ENDIF -->
        		<li><a href="{U_SEARCH_ACTIVE_TOPICS}">{L_SEARCH_ACTIVE_TOPICS}</a></li>
            </ul>
        </li>
        <!-- ENDIF -->
        <!-- IF PAGE_NUMBER and PAGINATION -->
        <li class="pages"><a href="javascript:void(0);" class="menu-link">#</a>
            <ul class="sub">
                <li>{PAGE_NUMBER} &nbsp; {PAGINATION}</li>
    			<!-- IF PREVIOUS_PAGE --><li><a href="{PREVIOUS_PAGE}">{L_PREVIOUS}</a></li><!-- ENDIF -->
			    <!-- IF NEXT_PAGE --><li><a href="{NEXT_PAGE}">{L_NEXT}</a></li><!-- ENDIF -->
            </ul>
        </li>
        <!-- ENDIF -->
    </ul>
    <h1><!-- IF SCRIPT_NAME == 'viewforum' --><a href="{U_VIEW_FORUM}">{FORUM_NAME}</a>
        <!-- ELSEIF SCRIPT_NAME == 'viewtopic' --><a href="{U_VIEW_TOPIC}">{TOPIC_TITLE}</a>
        <!-- ELSE --><a href="javascript:void(0);">{PAGE_TITLE}</a>
        <!-- ENDIF --></h1>
    <p>{SITE_DESCRIPTION}</p>
</div>

<div id="page-body">
		<!-- IF S_BOARD_DISABLED and S_USER_LOGGED_IN and (U_MCP or U_ACP) -->
		<div id="information" class="block rules">
            <h2>{L_INFORMATION}</h2> 
            {L_BOARD_DISABLED}
		</div>
        <!-- ELSEIF not S_IS_BOT && S_USER_LOGGED_IN && S_DISPLAY_PM && SCRIPT_NAME != 'ucp' -->
            <!-- IF S_USER_NEW_PRIVMSG and S_USER_PM_POPUP -->
                <div class="block rules" id="information">
                    <a href="{U_PRIVATEMSGS}"><!-- IF S_USER_NEW_PRIVMSG > 1 -->{L_YOU_NEW_PMS}<!-- ELSE -->{L_YOU_NEW_PM}<!-- ENDIF --></a>
                </div>
            <!-- ELSEIF S_USER_UNREAD_PRIVMSG or S_USER_NEW_PRIVMSG -->
                <div class="block rules" id="information">
                    <h2>{L_PRIVATE_MESSAGES}</h2>
                    <a href="{U_PRIVATEMSGS}">{PRIVATE_MESSAGE_INFO}<!-- IF PRIVATE_MESSAGE_INFO_UNREAD -->, {PRIVATE_MESSAGE_INFO_UNREAD}<!-- ENDIF --></a>
                </div>
            <!-- ENDIF -->
        <!-- ENDIF -->  

Plaats reactie