tag:help.rocksolidthemes.com,2012-07-23:/discussions/contao/14795-verwendung-cookie-hinweis-fixed-note-nachtrglich-fr-tao-installierenRockSolid Themes: Discussion 2018-07-13T14:49:47Ztag:help.rocksolidthemes.com,2012-07-23:Comment/392281902016-02-23T08:14:21Z2016-02-23T08:14:21ZVerwendung: Cookie Hinweis - fixed-note nachträglich für Tao installieren<div><p>Vielen Dank für Ihre Frage.</p>
<p>Bitte laden Sie die aktuelle Version Ihres Themes über
Ihren Kundenbereich herunter und übernehmen folgende Dateien
aus dem ZIP-Archiv:</p>
<p>
<em>contao/theme/templates/tao/rsce_tao_fixed_note_config.php</em>
<em>contao/theme/templates/tao/rsce_tao_fixed_note.html5</em></p>
<p>in Ihre bestehende Installation nach
<em>contao/templates/tao/</em>.</p>
<p>Übernehmen Sie sämtliche CSS-Selektoren und die
zugehörigen CSS-Eigenschaften die mit <em>.fixed-note-</em>
beginnen. Im Falle von Tao sieht der Block beispielsweise so
aus:</p>
<pre>
<code>.fixed-note {
position: fixed;
display: table;
top: auto;
right: 0;
bottom: 0;
left: 0;
width: 100%;
min-height: 3.75em;
padding: 0.75em 1.25em 0.75em 5em;
border-top: 1px solid #b2b9c4;
z-index: 99;
background-color: white;
box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.1);
}
@media screen and (max-width: 900px) {
.fixed-note {
position: relative;
}
}
@media screen and (max-width: 599px) {
.fixed-note {
display: block;
padding-left: 1.25em;
}
}
.fixed-note:before {
position: absolute;
top: 50%;
margin-top: -0.5em;
left: 0.83333em;
font-size: 2.25em;
color: #8570a6;
}
@media screen and (max-width: 900px) {
.fixed-note:before {
top: 0.66667em;
margin-top: 0;
}
}
@media screen and (max-width: 599px) {
.fixed-note:before {
position: static;
}
}
.fixed-note h1,
.fixed-note h2,
.fixed-note h3 {
font-size: 0.9375em;
margin: 0.4em 0;
}
.fixed-note p {
font-size: 0.875em;
margin: 0.42857em 0;
}
@media screen and (max-width: 599px) {
.fixed-note p {
font-size: 1em;
}
}
.fixed-note-column {
display: table-cell;
vertical-align: middle;
padding: 0 0.625em;
}
.fixed-note-column:last-child {
text-align: right;
}
@media screen and (max-width: 900px) {
.fixed-note-column:last-child {
text-align: left;
}
}
@media screen and (max-width: 900px) {
.fixed-note-column {
display: block;
margin: 0.75em 0;
padding: 0;
}
}
.fixed-note-link,
.fixed-note-button {
white-space: nowrap;
}
.fixed-note-button {
margin: 0;
}
.fixed-note-closed {
position: fixed;
right: 1.875em;
bottom: 0;
z-index: 99;
padding: 0.5em 0.75em;
color: white;
text-decoration: none;
background: #37aadf;
box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.1);
}
@media screen and (max-width: 1188px) {
.fixed-note-closed {
right: 0;
}
}
@media screen and (max-width: 900px) {
.fixed-note-closed {
position: absolute;
top: 0.75em;
right: 0.75em;
bottom: auto;
padding: 0.25em 0.75em;
font-size: 0.875em;
}
}
@media screen and (max-width: 599px) {
.fixed-note-closed {
font-size: 1em;
}
}
.fixed-note-closed:hover,
.fixed-note-closed:focus {
background-color: #1f90c4;
}
.fixed-note-closed:before {
font: 100%/1 "RockSolid Icons";
content: "\e0a6";
-webkit-font-smoothing: antialiased;
font-smoothing: antialiased;
text-rendering: geometricPrecision;
text-indent: 0;
display: inline-block;
position: relative;
}
.fixed-note-closed > span {
display: none;
}</code>
</pre>
<p><strong>Hinweis:</strong> Bei anderen Themes bitte im CSS nach
.fixed-note suchen und den Codeblock übernehmen, er kann in
einigen Punkten themespezifisch abweichen.</p>
<p>Wenn Sie bisher <strong>keine Änderungen</strong> an der
<em>main.css</em> direkt vorgenommen haben können Sie die
Dateien main.css bzw. main.css.base (zweitere wird vom Frontend
Helper benötigt) auch komplett überschreiben. Bitte
vorher unbedingt ein Backup der ursprünglichen Datei
herstellen. <strong>Haben Sie bereits Änderungen mit dem
Frontend Helper oder manuell vorgenommen</strong>, kopieren Sie den
obigen Code bitte in die Datei <em>custom.css</em>.</p>
<p>Abschließend legen Sie unter <em>Themes » THEME NAME
» Frontend-Module</em> ein neues Modul mit dem Titel
<em>Fixed Note</em> an, der Modultyp lautet <em>Hinweisbox</em>.
Geben Sie dem Modul den gewünschten Inhalt und binden es in
jedem Layout, in dem die Hinweisbox erscheinen soll, in die
Kopfzeile ein.</p></div>RockSolid Themestag:help.rocksolidthemes.com,2012-07-23:Comment/392281902016-02-24T15:52:57Z2016-02-25T09:10:10ZVerwendung: Cookie Hinweis - fixed-note nachträglich für Tao installieren<div><p>Vielen Dank, hat super geklappt.<br>
Noch eine Frage hierzu.<br>
Nachdem die Cookie Verwendung akzeptiert wurde, erscheint ein "i"
um jederzeit den Hinweis wieder aufzurufen.<br>
Kann ich diesen Hinweis entfernen, indem ich den folgenden Selektor
entferne?</p>
<pre>
<code>.fixed-note-closed:hover,
.fixed-note-closed:focus {
background-color: #1f90c4;
}
.fixed-note-closed:before {
font: 100%/1 "RockSolid Icons";
content: "\e0a6";
-webkit-font-smoothing: antialiased;
font-smoothing: antialiased;
text-rendering: geometricPrecision;
text-indent: 0;
display: inline-block;
position: relative;
}
.fixed-note-closed > span {
display: none;
}</code>
</pre>
<p>Danke für ein Feedback!</p></div>Gerald Helminger - Kundenkraft GmbHtag:help.rocksolidthemes.com,2012-07-23:Comment/392281902016-02-25T09:12:11Z2016-02-25T09:12:11ZVerwendung: Cookie Hinweis - fixed-note nachträglich für Tao installieren<div><p>Sie können in den Moduleinstellungen den Punkt
„Wieder öffnen Link“ deaktivieren um den Link zu
entfernen.</p>
<p>Durch das Entfernen des CSS-Codes wird der Link selbst nicht
entfernt.</p></div>RockSolid Themestag:help.rocksolidthemes.com,2012-07-23:Comment/392281902018-07-13T11:02:15Z2018-07-13T11:02:16ZVerwendung: Cookie Hinweis - fixed-note nachträglich für Tao installieren<div><p>Greift das auch bei CONTAO 3.2? Bei 3.5 konnte ich das ohne Probleme umsetzen, bei 3.2 wird im Seitenlayout das Modul nicht gefunden.</p></div>strichsiebentag:help.rocksolidthemes.com,2012-07-23:Comment/392281902018-07-13T12:13:03Z2018-07-13T12:13:04ZVerwendung: Cookie Hinweis - fixed-note nachträglich für Tao installieren<div><p>OK, hat sich erledigt, funktioniert alles bestens! Auch in 3.2 kein Problem.</p></div>strichsieben