Individuelle Änderungen

Was ich hier im Blog zusätzlich an individuellen Änderungen vorgenommen habe, liste ich in diesem Post auf.

Liste der zusätzlichen individuellen Änderungen in diesem Blog hier:

  • Navbar auf "Aus" gestellt.
  • Via "HTML bearbeiten" den navbar-Abschnitt im Layout mit "Gadget-hinzufügen"-Link ausgestattet und den Abschnitt für bis zu 5 Widgets freigegeben
  • Im navbar-Abschnitt zwei HTML-Gadgets hinzugefügt, eines für einen Cookie-Hinweis in Web- und Mobil-Version und eines für ein Suchfeld in der Web-Version
  • Via "HTML bearbeiten" den header-Abschnitt im Layout mit "Gadget-hinzufügen"-Link ausgestattet und den Abschnitt für bis zu 4 Widgets freigegeben
  • Im header-Abschnitt ein HTML-Gadget hinzugefügt für einen Link zur Mobilversion des Blogs.
  • Im crosscol-Abschnitt eine zweite PageList hinzugefügt, die alternativ zur ersten, nur in der Mobilversion des Blogs angezeigt wird.
  • Jump-Break-Sprungziel auf Seitenanfang geändert.
  • Automatische Verlinkung von Zahlen in Smartphones unterbunden.
  • Link zur Startseite in der Labelüberschrift und der Suchergebnis-Überschrift ausgeblendet.
  • Google-Plus-Button unter Posts in der Mobilvorlage via CSS ausgeblendet.
  • Image-Gadget in der Sidebar skalierbar gemacht und zentriert gestellt.
  • Via HTML-Gadget im Footer einen Nach-oben-Button eingetragen.
  • Via HTML-Gadget im Footer Newer-Older-Posts-Links mit Nennung der Titel ausgestattet.
  • Kommentaranzahlanzeige aktiviert

Die Style-Kommandos für die HTML-Gadgets habe ich nicht unter "HTML bearbeiten", sondern mit in das jeweilige HTML-Gadget eingetragen. In eines, das nicht für die Mobilversion freigegeben ist, habe ich auch das Ausblendekommando für die zweite PageList in der Webversion eingetragen. Dadurch, dass ich es dort und nicht unter "HTML bearbeiten" oder "CSS hinzufügen" eingetragen habe, wirkt die Ausblendung sich nicht auch auf die Ansicht unter "Layout" aus.

Auf mindestens einem Post und einer Seite habe ich auch die dafür nötigen Kommandos eingetragen. Auf der Seite "Datenschutz" zum Beispiel das Kommando, um in dem Cookie-Hinweis im navbar-Bereich den Link zur Seite "Datenschutz" auszublenden; denn dort ist man ja bereits, wenn man sich die Seite gerade ansieht.

Info-Links dazu:

Wenn nichts anderes dabei steht, führen die Links zu Seiten des Blogs "So geht's - Blogger nutzen" (sg.utez.de)

Style-Einträge, die nur im hiesigen Blog Bedeutung haben:

/* utez individuell - ANFANG - utez individuell - */

/* - - - navbar-section und header-section bei hinzugefügten HTML-Gadgets, deren Titelfelder nur im Layout zu sehen sein sollen - - - */
#navbar .HTML .title,
#header .HTML .title {
display:none;
}

/*Hinweis zur PageList2: Speziell PageLists werden automatisch auch in der Mobilversion angezeigt, sofern man unter Vorlage > HTML bearbeiten vor title der jeweiligen PageList NICHT mobile="no" eingetragen hat. Mit den folgenden Kommandos wird das Gadget nun in der Webversion ausgeblendet. Weil es dann automatisch auch in der Mobilversion mit ausgeblendet wäre (eventuell, weil die Mobilvorlage "Benutzerdefiniert ist), muss es außerdem ausdrücklich in der Mobilversion per CSS wieder eingeblendet werden. In der Vorlage Tekka wirkt sich das Ausblenden eines Gadgets in der Webversion so aus, dass es dann auch unter Layout nicht mehr angezeigt wird. Ersatzweise height:0px; für PageList2 und ihren .widget-content für die Webversion einzutragen, entfernt leider nur die Hintergrundfarbe. Ich habe deshalb das Ausblendungskommando nun hier aus dem HTML quasi rausgenommen (durch die Kommentarzeichen) und statt dessen den Eintrag mit in den Style-Bereich eines HTML-Gadgets gesetzt, das nur für die Webversion freigegeben ist (hier z.B. Newer-Older-Post). Damit wird die PageList2 in der Webversion ausgeblendet, aber bleibt dennoch unter Layout stehen.*/
/*#PageList2 {
display:none;
}*/
.mobile #PageList2 {
display:block;
}

/* Links in Label- und Suchergebnis-Überschriften - Ausblendung */
.status-msg-body a {
display:none;
}

/* Google-Plus-Button in der mobilen Version - Ausblendung */
.goog-inline-block {
display: none;
}

/* Link zur Webversion mit Anhängsel ?m=0 in der mobilen Version - Ausblendung */
.mobile-desktop-link {
display:none;
}

/*Sidebar*/

/* Image1 - Skalierbare Breite, Zentrierung, Abstände */
#Image1 {
text-align:center;
width:100%;
}
#Image1 h2 {
margin-top: 0px;
margin-bottom: 5px;
}
#Image1_img {
width: 41%;
height: auto;
border-radius: 150px;
border: 1px solid black;
-webkit-box-shadow: 0px 0px 5px black;
-moz-box-shadow: 0px 0px 5px black;
box-shadow: 0px 0px 5px black;
}

/* Label1 h2-Abstand nach unten verringert */
#Label1 h2 {
margin-bottom: -5px;
}

/*footer-section*/
#HTML4 .title,
#HTML3 .title {
display:none;
}

/* utez individuell - ENDE - utez individuell - */

Ute Ziemes, , vorlagetekka.blogspot.com
Labels:

1 Kommentar:

Abonnieren Kommentare zum Post (Atom)