Sehr cooles Design

sumset

ok..., das ist auch nicht so wichtig....
aber mir ist wieder eine neue frage gekommen....^^
Also ich hab jetzt das design meiner überschriften geändert indem ich in der .css einfach h7 erstellt hab und dort die parameter einegegeben hab. Aber wenn ich jetzt für meine links und schon besuchten seiten das hier in die .css mache:

Zitat

a:link, a:visited{
color: #A52A2A;
text-decoration: none;
}

wird die farbe und größe meiner überschriften auch geändert...., kann ich das irgendwie unterbinden?

hoffentlich nerv ich nicht^^

mfg sumset

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

Monika

es gibt kein h7

Überschriften hören einfach bei h6 auf,

und wenn Du dort wo Du keine unterstrichenen links haben magst,
nachsiehst, steht irgend ein
div id="bla"
oder div class ="blubsch"
davor

dies setzt Du vor jedes a
je nachdem was es ist
#bla a,bla a:visited{....}
oder
.blubsch a, blubsch a:visited{.....}

dann sprichst Du NUR diese a an und nicht alle

und in eigener Sache:
ich weiß nicht wieso Du glaubst Du nervst...
sei versichert, wenn ich dies empfinden tät,
tätst Du wochenlang auf meine Antwort warten, selbst wenn ich da wäre ...........:cool::rolleyes:

lg

sumset

Jo hat alles so geklappt wie ich es mir vorgestellt hab..... Danke :)
Hmm.., und naja ich hab direkt wieder ein anliegen...
Ich hab je jetzt unten den Footer in einen großen Container verwandelt....
aber ich diesem Container möcht ich irgendwie noch 3 Spalten bzw. Felder reinamchen...., so das ich in jedes irgendwas anderes machen kann.., z.b. die linkliste oder sowas....
Wie stellt man das an?
Auf mattbrett.com sieht man ja das es irgendwie geht......

mfg sumset

Monika: danke das freut mich das du so denkst....:)

Monika

Du hast den footer div
dann

Code

<div class="aussen"><!--Hauptbox-->


    <div class="innen1"><!--Innerer Boxrahmen-->          <div class="box01">
            <h1>Kategorie 4</h1>
            <p>Lore Ipsum</p>
        </div>


        <div class="box02">
            <h1>Kategorie 5</h1>
            <p>Lore Ipsum</p>
        </div>


        <div class="box03">
            <h1>Kategorie 6</h1>
            <p>eh klar Lore Ipsum.</p><p>eh klar Lore Ipsum.</p><p>eh klar Lore Ipsum.</p><p>eh klar Lore Ipsum.</p>
        </div>

Alles anzeigen

mit den css Angaben

Code

.aussen {
   color: #ccc;
   background-color: #000;
   border: 1px dashed #ccc;
   padding: 20px;
   margin-bottom: 10px;
   min-width: 138px;  /*Opera/Mozilla brauchen dies*/
}
.innen1 {   color: #000;
   background-color: #ccc;
   width: 100%; /*  für IE Win */
   padding-bottom: 10px;
}
.box01 {
   color: #003;
   background-color: #fef3e8;
   border: 1px solid #a53121;
   width: 30%;
   min-width: 130px;
   margin-top: 10px;
   margin-left: 2.2%;
   float: left;
}
/*
crdits to Thomas Scholz; Erklärung siehe:
http://www.css-technik.de/details/107/5/CSS-Browser-Bugs.htm ;
verursacht *keine* Warnung beim Validieren! */
* html .box01 {
   /* fuer IE Win \*/
   margin-left: 1.1%;
   /* */
}
.box02 {
   color: #003;
   background-color: #fef3e8;
   border: 1px solid #a53121;
   width: 30%;
   min-width: 130px;
   margin-top: 10px;
   margin-left: 2%;
   float: left;
}
.box03 {
   color: #003;
   background-color: #fef3e8;
   border: 1px solid #a53121;
   width: 30%;
   min-width: 130px;
   margin-top: 10px;
   margin-left: 2%;
   float: left;
}
.box01 h1,
.box02 h1,
.box03 h1 {
   font-size: 1em;
   margin: 4px 5px;
}
.box01 p,
.box02 p,
.box03 p {
   margin: 4px 5px;
}
.clear {
   clear: both;
 }
 
         <br class="clear" /><!--Brechen der Floats um Höhe des Boxrahmens zu erhalten-->
 
     </div><!--Ende innen1-->
 
 </div><!--Ende aussen-->

Alles anzeigen

ansehen kannst Du Dir eine Spielerei mit dem urklassischen Boxenmodell des CSS hier
http://www.webdesign-in.de/neun/index.html

wenn Du was bei den paddings margins etc änderst

dann ...

the sky will fall on your head

;)

lG

Spooky

Oder benutze nach dem Speichern die Funktion "Rückgängig". *frotzel*

Monika

Zitat von Spooky

Oder benutze nach dem Speichern die Funktion "Rückgängig". *frotzel*

Spooky
wenn man die Maguma Workstation nutzt geht sogar das ;)

;)

sumset

Hi
Ich hab noch paar fragen zur farbgestaltung und zur texgestaltung.., da sich das echt als ziemlich fuchtelige Sache herausgestellt hat...
Das erste ist, dass ich meine Überschriften mit dem Befehl:

Zitat

border-bottom:1px #farbe solid;

unterstrichen hab.
Was mich aber nervt ist, dass die Linien bis an den Rand der jeweiligen Conatainer gehen. Ich möcht nur die Wörter untersrichen haben und nicht mehr....

Dann hab ich auch noch das problem das sich im Footer die farben der links nicht ändern lassen.........
hmm.., ich weiß nicht ob ich jetzt meinen footer und die dazugehörigen css elemente posten soll....

Und dann hab ich noch die frage wie ich ein bild gleichzeitig auch als link benutze.., also wenn man dann draufklickt, dass man direkt auf ne andere Seite kommt...., und wie man mehere bilder in einem quadrat anordnet also 2*2 Bilder..,macht man das über html direkt in der sidebar.php, oder über css?...

naja..., ich hoffe das ist nicht zu viel auf einmal.., aber wordpress hat mich echt gefesselt, und ich werd nicht mehr schlafen können bevor ich nicht mein neues design fertig hab...^^

Mfg sumset

Arno Simon

Für Unterstreichungen sind ja auch nicht die Border-Attribute sondern die CSS-Textdekorierungs-Attribute dar. Hier ist für Dich dann vor allem "text-decoration" interessant.

Um Dir bei Deinem Link-Problem im Footer zu helfen müssen wir schon zumindest die entsprechenden CSS-Tags des Footers (inkl. Links) sehen. Ich zumindest, weiß nämlich (noch) keinen Weg (sofern es einen gibt) Dein CSS aus dem Onlineverkehr zu fischen.

Ein Bild als Link: <a href="...Zielurl...."><img src="...dein Bild..." /></a> Anordnen würde ich die wahrscheinlich über CSS, vielleicht noch mit einem bis 5 Divs, aber da werden die Profis Dir wahrscheinlich die besseren Tipps gebenkönnen.

vG

Arno

telekommander

Zitat von Arno Simon

CSS aus dem Onlineverkehr zu fischen.

Quellcode heisst das Zauberwort,
[SIZE="1"](irgendwo war hier der Link zur Seite gepostet.)[/SIZE]
http://sumset.su.funpic.de/wp-content/the…ess19/style.css

sumset

Linkfarbe im Footer :
#footer a { color: #123456 }

Arno Simon

Zitat von telekommander

Quellcode heisst das Zauberwort,
[size=8](irgendwo war hier der Link zur Seite gepostet.)[/SIZE]
http://sumset.su.funpic.de/wp-content/the…ess19/style.css

hehe... ja gut... Den Quellcode auseinander zu nehmen, hätte ich auch drauf kommen müssen. Hatte aber gedacht, faul wie ich nunmal bin, es gäbe was das es einem ermöglicht die Bestandteile der Seite auf einmal getrennt voneinander herunter zu laden ;)

Besten Dank und

vG

Arno

sumset

Ich hab das jetzt mit der text-decoration gemacht.., hat super funktioniert, ausser das der Mouseovereffekt immer noch bis an dern rand der container geht.., wie kann ich den auch noch auf die länger meiner wörter bringen?

mfg sumset

Arno Simon

Dein Link bzw. das a-tag hat die Breite vom der mit dem übergeordneten Div eingeführten ID #footer geerbt.

versuch mal folgendes

Code

#footer{
    padding: 5px;
    color: Gray;
    text-align: left;
    position: relative;
    border: 1px solid Gray;
    margin-left: auto;
    margin-right: auto;
    background:url("http://sumset.su.funpic.de/images/rot1.jpg");
    background-repeat:no-repeat;
    background-position:0 0;
    background-color:#000000;
}


#footer div
{
    width: 930px;
    height: 500px;
}


#footer a
{
[I] color: #123456[/I]
}

Alles anzeigen

ob's funktioniert, kann ich nicht versprechen (ungetestet)... daher --> Backup Deines StyleSheets.

vG

Arno

AndreasB

Code

Den Quellcode auseinander zu nehmen

das macht für mich die Developer Toolbar für Firefox
Bei Wordpress Blogs zeigt es die style.css oder auch andere css Files in einem separaten Fenster an. Sehr hilfreich.

alternative4

das könnte auch auf squible basieren:
http://www.squible.com/squible/

ist zumindest ähnlich

sumset

Nach dem ich nun alle meine Klausuren geschrieben hab kann ich mich wieder mit neuen Fragen meinem Theme zuwenden...^^
Und zwar hab ich nen paar Überschriften als .jpg Dateien mit Photoshop erstellt, aber wie binde ich die jetzt in mein theme ein.
Die kleinen Bilder sollen z.b über der sidebar sein und so...
Am besten natürlich mit css, das wär am saubersten...., wie stellt man das an?

MFG sumset

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Sehr cooles Design

Jetzt mitmachen!

Benutzer online in diesem Thema