Einige Designfragen

foxmulder87

Hi Leute,

Ich hab mich jetzt auch mal ins individuelle Bloggestalten hineingewagt und bin noch so grün hinter den Ohren wie nur möglich. :D Zumindest hab ich schon einige Tutorialseiten in meinen Favoriten. Hoffentlich könnt ihr mir bei ein paar spezifischen Fragen trotzdem weiterhelfen, die wären:

1. Gibt es ein Plugin dass das Archiv verschachtelt. Da mein Blog schon zwei Jahre alte Einträge beinhaltet hab ich rechts jetzt nämlich eine ganz schön lange Archivliste, die ich kürzen möchte, damit die Monatsverlinkungen unter eine Oberbegriff nämlich 2005, 2006, usw. aufrufbar sind.

2. Wie macht man die Eintragstitel fettgedruckt?

3. Wie macht man das Feld in dem der Eintrag geschrieben ist breiter bzw. weniger schmal?

4. Wie ist das mit den Schriftstyles? Kann man da auch individuelle, die es auch in Word gibt, benutzen?

Das wär's dann auch schon. :wink:

Werbepost

Hallo!

Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
✔️ Deutsche Server & DSGVO-konform
✔️ Persönlicher Support (kein 0815-Ticket-System)

Mehr erfahren

S.i.T.

1. vielleicht hier mal suchen, da gibt's was, aber fällt mir nicht ein.

2. in der style.css deines Themes, als h1/2/3 .. mußt eben schauen und dort "bold" hinzugeben.

3. Safari nehmen, da geht das automatisch, Userindividuell ;) Nee, aber das macht man auch in der css.datei. Da mußt auch schauen, als was die definiert wird. so ab 300px mal schauen... und da inspizieren.

4. Schriften nur die nehmen, die auf allen Plattformen (Linux, Win, Mac, Atari, Commodore (der kommt wieder), Amiga.. ;) nee, die drei großen reichen) vorhanden sind. Ich hatte mal ne Liste... Times New Roman, Georgia, Courier, Arial, Tahoma, Trebuchet, Verdana <- sind die geläufigsten.

foxmulder87

Danke für die Antworten :) Ich seh schon, ich hab noch viel nachzuholen!

foxmulder87

Doch immernoch ein paar Unklarheiten:

Die Breite des Eintragsfeldes kann ich hier nirgends finden. Müsste wie du sagst ja um die 300px sein, aber da ist nur eine grosse Zahl drinnen (250px), die steht aber für die Header-Höhe.

Und das mit dem "bold" scheint hier auch ein bisschen komplizierter zu sein? :oops:

PHP

/*
    Theme Name: Flex
    Theme URI: http://ifelse.co.uk/flex
    Description: A flexible, customisable theme
    Version: 1.0
    Author: Phu Ly
    Author URI: http://ifelse.co.uk/
*/


/************************************************
 *    Main structure                                                            *
 ************************************************/
body {
  margin:0px;
  padding:0px;
  text-align:center;
  font:13px/17px Georgia,"Times New Roman",Serif;
    color: #555558;background:#73868C;
}
#maincol {
  width:72%;
  background:#fff;
  float:left;
}
#maincol .col {
    padding-bottom: 5px;
    padding-left:25px;
    padding-right:85px;
    line-height:1.6em;
    margin-top:30px;
}
#headbar{


    background:#6C6a6A;
    height:8px;
border-bottom:1px solid #636161;
}
#navcol {
    padding:5px;
    padding-top: 20px;
    clear:right;
    width:25%;
  right:0px;
    float:right;
  font-size:1em;
  }
#container{
    
 width:70%;
 text-align:left;
 margin-left: auto;
 display:block;
  margin-right: auto;
 background:#fff;
 border-left: 2px solid #777;
 border-right: 2px solid #777;
 padding-bottom:0;
}
#container:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
a{
    text-decoration:none;
}
a{
    color: #3C657B;
    text-decoration: none;
    }
#footer{
border-top:1px solid #111;
border-bottom:1px solid #111;
color: #eee;
background: #555;
clear:both;
padding: 5px;
 text-align:center;
 margin-left: auto;
 display:block;
  margin-right: auto;
  font-size: 0.9em;
  font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Helvetica, Arial, sans-serif;
}
#footer a{
    color: #fff;
    font-weight:bold;
}
a:hover {
    text-decoration:underline;
}
.entry{
    padding-bottom: 20px;
}
/************************************************
 *    Header                                                                            *
 ************************************************/
h1, h2, h3, h4 {
font-family:"Century Gothic", "Lucida Grande", "Lucida Sans Unicode", Verdana, Helvetica, Arial, sans-serif;
}
#header {
    padding: 0px;    
    margin-top: 3px;
    padding-top:250px;
    
    padding-bottom:1px;
    border-bottom: 10px solid #bab1b1;
    background: #404040;
    text-align:right;
    padding-right:20px;
    padding-left:5px;
}
#header h1{
    padding:0px;
    margin: 0px;
    margin-bottom:3px;
    font-size: 2.4em;
    letter-spacing:0.1em;
    
}
#header h1 a {
    color: #ffffef;
}
#header h1 a:hover {
    text-decoration:none;
    color: #bb4444;
}
#header img {
    border:none;
}
#subtitle {
    font-family:"Century Gothic", "Lucida Grande", "Lucida Sans Unicode", Verdana, Helvetica, Arial, sans-serif;
    margin-bottom:3px;
    font-size: 0.9em;
    text-transform:uppercase;
    color:#bbb;
}


h2 {
font-size: 1.2em;
margin-bottom:5px;
}
h2.entrydate{
margin-bottom:1px;
font-size: 1.8em;
font-weight:normal;
text-transform:uppercase;
}
.entrymeta{
    font-size: 0.9em;background:#eee;
}
h3.entrytitle{
margin-top:0px;
margin-bottom:1px;
font-size: 1.8em;
font-weight:normal;
}
.entry{
margin-top:8px;
}
.entrybody p a{
font-weight:bold;
}
.entrybody p {
    margin-top:8px;
    margin-bottom:16px;
}
/************************************************
 *    Navigation Sidebar                                                    *
 ************************************************/


ul {
 margin:0 0 1em 0;
 padding-left:0px;
 list-style-type:none;
}
ul.extern {
    font-style:italic;
    
}


/************************************************
 *    Comments                                                    *
 ************************************************/
h2#comments{
text-align:center;
border-top:1px solid #acb1ba;
background:#9ba1aa;
padding:7px;
border-bottom:1px solid #acb1ba;
margin-bottom:10px;
margin-top:80px;
}
ol#commentlist {
margin-top:0px;


 padding: 5px;
 margin-left: 0px;
 color: #9b9b9b;
 list-style-type: none;
 font-size:0.9em;
}
#commentlist li  p{
 padding: 0px;
 margin: 0px 0px 0px 0px;
}
.commentname {
 float: left;
 margin: 0;
 padding: 0  0 2px 0;


}
.commentinfo{
 width: 200px;
 float: right;
 text-align: right;
}
.commenttext {
 clear: both;
 padding-top: 0px;
 margin-top: 0px;
 margin-bottom: 30px;
 border-top: 1px solid #ebebeb;
 line-height:12px;
 color: #5b5b5b;
}
#commentsformheader{
padding-left:18px;
font-size: 1.4em;
}
#commentsform{
    margin-top:none;
    text-align:center;
    border:1px solid #ddd;
    background:#ededed;
    padding:0px 10px;
}
#commentsform form{
text-align:left;
margin:0px;
}
#commentsform p{
    margin:5px;
}
#commentsform form textarea{
    width:100%;
}
/************************************************
 *    Extra                                                    *
 ************************************************/
code{
    font-family: 'lucida console', 'Courier New', monospace;
    font-size: 0.8em;
    display:block;
    padding:5px;
    background-color: #eee;
    border: 1px solid #d3d3d6;
}
input[type="text"], textarea {
    padding:3px;
    border: 1px solid #d3d3d6;
    color: #535356;
    -moz-border-radius: 3px;
}
input[type="submit"]{
    padding:2px;
    font-size: 1.25em;
    border: 1px solid #d3d3d3;
    background: #fff;
    -moz-border-radius: 3px;
}
blockquote {
    border-left: 3px solid #686868;
    color: #888;
    padding-left: 8px;
    margin-left: 25px;
}
a img {
border:none;
}

Alles anzeigen

Outpack

Zitat von foxmulder87

Gibt es ein Plugin dass das Archiv verschachtelt. Da mein Blog schon zwei Jahre alte Einträge beinhaltet hab ich rechts jetzt nämlich eine ganz schön lange Archivliste, die ich kürzen möchte, damit die Monatsverlinkungen unter eine Oberbegriff nämlich 2005, 2006, usw. aufrufbar sind

Das möchte ich auch so haben. Leider über die SuFu nix gefunden.
Hat jemand nen Tipp?

Victor Lazarro

hallo, wie wärs denn mit einem schicken Pulldown Menü oder einer Archivseite, das spart den Platz in der Sidebar ?? Und bringt dem User und Google mehr transparenz ...

V.

Outpack

Zitat von Victor Lazarro

hallo, wie wärs denn mit einem schicken Pulldown Menü oder einer Archivseite ...

Das soll ein genereller Vorschlag sein, oder?

Victor Lazarro

yep, ich dachte mir ist eine berechtigte alternative ...
davon sind ja auch schon genügen in den verschiedensten Templates in Umlauf ...

V.

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Einige Designfragen

Jetzt mitmachen!