Pages iframe - zBsp. für Google Userkarte

[Forum Member]

Erstelle in Extensions - phpbb - Pages - Styles - Prosilver - Templates
eine

Code: Alles auswählen

pages_iframe.css

mit folgendem Inhalt:

Code: Alles auswählen

.iframe{
   padding-top: 11px;    
}

.pages-content {    
	width: 100%;
	padding-left: 0px;
}

li.header {
    padding-left: 7px;  
	padding-bottom: 2px;
	font-size: 13px;
	text-align: right;
	padding-right: 117px;
}

/* Responsive Design
---------------------------------------- */

	.responsiveContainer {
		position: relative;
		padding-bottom: 56%;
		height: 0;
		overflow: hidden;
	}

	.responsiveContainer iframe,
	.responsiveContainer object,
	.responsiveContainer embed {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}

Erstelle in Extensions - phpbb - Pages - Styles - Prosilver - Templates
eine

Code: Alles auswählen

pages_iframe.html

mit folgendem Inhalt:

Code: Alles auswählen

{# Use the space below to include external CSS and JS files
# Here are some example usages:
#
# local files relative to this template file (when stored inside phpBB's style directories):
# {% INCLUDEJS 'script.js' %}
# {% INCLUDECSS 'style.css' %}
#
# local files stored inside the Pages extension:
# {% INCLUDEJS '@phpbb_pages/script.js' %}
# {% INCLUDECSS '@phpbb_pages/style.cs's %}
#
# hosted on external sites:
# {% INCLUDEJS 'http://code.jquery.com/jquery-migrate-1.2.1.min.js' %}
# {% INCLUDECSS 'https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css' %}
#
#}


{% INCLUDECSS '@phpbb_pages/pages_iframe.css' %}
{% include 'overall_header.html' %}

<div class="forabg">
      <div class="inner">
      <ul class="topiclist">
         <li class="header">
            <dl class="row-item">
               <dt><div class="list-inner">{PAGE_TITLE}</div></dt>
               <dd></dd>
            </dl>
         </li>
      </ul>
         <ul class="topiclist forums">
            <li class="mytaste">
               <div class="content pages-content">{PAGE_CONTENT}</div>
            </li>
         </ul>
      </div>
   </div>

{% include 'overall_footer.html' %}