Anzeige

Schriftfarbe

Schriftfarbe | PSD-Tutorials.de

Erstellt von mistral1, 09.12.2008.

  1. mistral1

    mistral1 Nicht mehr ganz neu hier

    Dabei seit:
    07.12.2008
    Beiträge:
    104
    Geschlecht:
    männlich
    Schriftfarbe
    Hallol, nachdem man hier so gut gehoöfden bekommt habe ich noch ein Prob.
    Wenn ich an meinem Layout CSS schriftfarbe ändern möchte, geschieht das dann auf der ganzen seite. Was kann ich da tu?
     
    #1      
  2. Top_Gun

    Top_Gun Aktives Mitglied

    Dabei seit:
    24.07.2008
    Beiträge:
    965
    Geschlecht:
    männlich
    Schriftfarbe
    AW: Schriftfarbe

    Zeig uns doch mal den Quelltext deiner kompletten Beispielseite. Daran kann man dir am besten erklären was wieso und warum.
     
    #2      
  3. mistral1

    mistral1 Nicht mehr ganz neu hier

    Dabei seit:
    07.12.2008
    Beiträge:
    104
    Geschlecht:
    männlich
    Schriftfarbe
    AW: Schriftfarbe

    Hier ist er

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta name="robots" content="index" />
    <meta name="robots" content="follow" />
    <meta name="robots" content="all" />
    <meta name="revisit-after" content="5 days"/>
    <meta name="verify-v1" content="9AZWXfL8jcXpgNNzK3oqikaFBPn79gGnWTFxeNBENqc=" />
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <link href="default.css" rel="stylesheet" type="text/css" />
    <title>Computeresel.de - PC & Computerhilfe - Tips für Windows Vista - XP</title>
    <style type="text/css">
    <!--
    img{
    border:0px;
    text-align: center;
    }
    .s {
    color: #F00;
    }
    .y {
    color: #F00;
    }
    .a {
    color: #F00;
    }
    .l {
    color: #F00;
    }
    .l {
    color: #F00;
    }
    .y {
    color: #F00;
    }
    a:link {
    color: #FFF;
    text-decoration: underline;
    }
    a:hover {
    color: #F90;
    text-decoration: none;
    }
    a:visited {
    color: #FFF;
    text-decoration: underline;
    }
    a:active {
    text-decoration: underline;
    }
    #wrapper #content #main #welcome .story p .y {
    color: #fff;
    }
    .d {
    color: #fff;
    }
    #wrapper #content #main #example {
    color: #fff;
    }
    -->
    </style>
    <script type="text/javascript">
    <!--
    function MM_preloadImages() { //v3.0
    var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a.indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a;}}
    }
    //-->
    </script>
    </head>
    <body link="#CCCCCC">
    <div id="header">
    <div id="logo">
    <h1> <a href="">computer<span class="s">esel</span>.de</a></h1>
    <h2>Herzlich Willkommen</h2>
    </div>
    <div id="menu">
    <ul>
    <li class="active"><a href="index.html">Home</a></li>
    <li><a href="WinVista_1.html">Win Vista</a></li>
    <li><a href="WinXP_1.html">Win XP</a></li>
    <li><a href="Tips_1.html">Tips</a></li>
    <li><a href="Download_1.html">Download</a></li>
    <li><a href="Leistungen_1.html">Leistungen</a></li>
    <a href="mailto:motorsport.computeresel@arcor.de">Contact</a></li>
    </ul>
    </div>
    </div>
    <div id="wrapper">
    <div id="content">
    <div id="sidebar">
    <div id="support">
    <h2><a href="http://www.symantec.com/de/de/index.jsp"><img src="Bilder/Symantec.jpg" width="143" height="70" align="left" id="Bild2" /></a></h2>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    </div>
    <div id="login" class="boxed">
    <h2 class="title">Hier wird Dir geholfen</h2>
    <div class="content">
    <form id="form1" method="post" action="#">
    <fieldset>
    <legend>Sign-In</legend>
    <label for="inputtext1"></label>
    <label for="inputtext2"></label>
    <p><a href="http://www.microsoft.de"><img src="Bilder/vistalogo120x1151.jpg" alt="" width="141" height="156" align="left" /></a></p>
    <p>
    <noscript>
    </noscript>
    </p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    </fieldset>
    </form>
    </p>
    </div>
    </div>
    <div id="updates" class="boxed">
    <h2 class="title">News aus der Virenwelt</h2>
    <div class="content">
    <ul>
    <li>
    <h3>Dezember 8, 2008</h3>
    </li>
    </ul>
    <ul>
    <li></li>
    </ul>
    <p>Im Moment ist nichts Weltbewegendes Unterwegs </p>
    <p>&nbsp;</p>
    <p>
    &nbsp;
    </div>
    </div>
    <div id="updates" class="boxed">
    <h2 class="title">Menü links</h2>
    <div class="content"> <a href="http://forum.prostatakrebs-bps.de/">Prostatakrebs - Forum</a> <a href="http://www.onmeda.de/">Onmeda</a>
    <p><a href="http://www.fastforward-music.de/">Fastforward - Music</a>
    </p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p><a href="http://www.Domradio.de"><img src="Bilder/Domradiode.gif" alt="" width="125" height="49" align="middle" /></a></p>
    <p>
    <noscript>

    </noscript>
    &nbsp;
    <script type="text/javascript" src="http://live.counterstation.de/instant.php?uid=inst1228663863200&ctype=blue"></script>
    <noscript>
    <a title="Browserstatistik" href="http://www.counterstation.de/">Browserstatistik</a>
    </noscript>
    </p>
    <p>&nbsp; </p>
    </div>
    </div>
    </div>
    <div id="main">
    <div id="welcome" class="post">
    <h2 class="title">Welcome to Computer<span class="y">esel</span></h2>
    <h3 class="date">&nbsp;</h3>
    <div class="meta">
    <p>Aktualisiert,
    <!-- #BeginDate format:aGe1m -->Mo. 08.12.2008 22:06<!-- #EndDate -->
    </p>
    </div>
    <div class="story"> <strong>Hier gibt es immer da neueste </strong>vom Betriebssytem Windows Vista, XP, Top Aktuelle Downloads, und mehr.
    <p><span class="y">Klicke einfach durch und werde</span> <span class="d">fündig</span><span class="l">. </span></p>
    </div>
    </div>
    <div id="example" class="post">
    <p><img src="Bilder/Adventxmas1a.gif" alt="" width="125" height="76" align="bottom" /></p>
    computer<span class="l">esel</span>.de
    <p>wünscht allen einen besinnlichen Advent </p>
    <h3 class="date">&nbsp;</h3>
    <h3 class="date"><span class="title">News vom computer<span class="a">esel</span></span></h3>
    <div class="meta">
    <p>&nbsp;</p>
    </div>
    <div class="story"> News vom 07.12.2008 - 17:52
    <ul>
    <li>Vista: Die Neuerungen des SP2 <a href="News_1.html">mehr...</a>
    </li>
    <li>Microsoft hat heute das SP2 Beta zur Verfügung gestellt <a href="News_2.html">mehr...</a></li>
    </ul>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <a href="http://www.Grugahalle.e"><img src="Bilder/grugahalle_final_01b.gif" alt="" width="426" height="60" /></a></div>
    </div>
    </div>
    </div>
    <div style="clear: both;">&nbsp;</div>
    </div>
    <div id="footer">
    <p id="legal">Copyright &copy; 2008 computeresel.de | All Rights Reserved | Designed by w.c.sch | <a href="">Contact</a> | <a href=""></a><a href="Impressum.html">Impressum</a></p>
    <p>&nbsp;</p>
    </div>
    </body>
    </html>
     
    #3      
  4. Top_Gun

    Top_Gun Aktives Mitglied

    Dabei seit:
    24.07.2008
    Beiträge:
    965
    Geschlecht:
    männlich
    Schriftfarbe
    AW: Schriftfarbe

    Ich hätte wissen müssen, dass so etwas dabei rauskommt...

    Also an dieser Stelle
    Code (Text):
    1. #wrapper #content #main #welcome .story p .y {
    2.     color: #fff;
    3. }
    definierst du die Schriftfarbe für die Bereiche wrapper, content, main, welcome, story, p und y. Diese werden, weil dort alle stehen, immer alle gemeinsam definiert. Wenn du jetzt den content einzeln definieren willst musst du dies separat tun. Und zwar in dem du unter der ersten Definition eine weitere einfügst zB:
    Code (Text):
    1. #wrapper #content #main #welcome .story p .y {
    2.     color: #fff;
    3. }
    4. #content {
    5.     color: #ff0000;
    6. }
     
    #4      
  5. mistral1

    mistral1 Nicht mehr ganz neu hier

    Dabei seit:
    07.12.2008
    Beiträge:
    104
    Geschlecht:
    männlich
    Schriftfarbe
    AW: Schriftfarbe

    Wo füge ich diesen Code ein an welcher Stelle? Und muss ich das dann auch auf jeder Unterseite tun?
     
    #5      
  6. mistral1

    mistral1 Nicht mehr ganz neu hier

    Dabei seit:
    07.12.2008
    Beiträge:
    104
    Geschlecht:
    männlich
    Schriftfarbe
    AW: Schriftfarbe

    Schau es geht nicht, wenn das einfüge. z.B hier. Wenn ich das rot unterlegen mölchte wo es heist Computeresel übernimmt keine Haftung, wird weite ober So gehts: auch rot.
    Hier der Code
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <title>Computeresel.de - PC & Computerhilfe - Tips für Windows Vista - XP</title>
    <meta http-equiv="content-type" content="text/html; charset=utf-8" />
    <link href="default.css" rel="stylesheet" type="text/css" />
    <style type="text/css">
    <!--
    img{
    border:0px;
    }
    .s {
    color: #F00;
    }
    .y {
    color: #F00;
    }
    .a {
    color: #F00;
    }
    -->
    </style>
    </head>
    <body>
    <div id="header">
    <div id="logo">
    <h1> <a href="">computer<span class="s">esel</span>.de</a></h1>
    <h2>Herzlich Willkommen</h2>
    </div>
    <div id="menu">
    <ul>
    <li class="active"><a href="index.html">Home</a></li>
    <li><a href="WinVista_1.html">Win Vista</a></li>
    <li><a href="WinXP_1.html">Win XP</a></li>
    <li><a href="Tips_1.html">Tips</a></li>
    <li><a href="Download_1.html">Download</a></li>
    <li><a href="Leistungen_1.html">Leistungen</a></li>
    <a href="mailto:motorsport.computeresel@arcor.de">Contact</a></li>
    </ul>
    </div>
    </div>
    <div id="wrapper">
    <div id="content">
    <div id="sidebar">
    <div id="support">
    <h2><img src="Bilder/explorer3.jpg" alt="" width="111" height="111" /></h2>
    </div>
    <div id="login" class="boxed">
    <h2 class="title">&nbsp;</h2>
    <div class="content">
    <form id="form1" method="post" action="#">
    <fieldset>
    <legend>Sign-In</legend>
    <label for="inputtext1"></label>
    <label for="inputtext2"></label>
    <p>&nbsp;</p>
    <p>
    <noscript>
    </noscript>
    </p>
    <p>&nbsp;</p>
    </fieldset>
    </form>
    </p>
    </div>
    </div>
    <div id="updates" class="boxed">
    <h2 class="title">Letzte News</h2>
    <div class="content">
    <ul>
    <li>
    <h3>&nbsp;</h3>
    </li>
    <li> </li>
    </ul>
    <p>&nbsp;</p>
    <p>
    <noscript>

    </noscript>
    &nbsp;
    <p>&nbsp; </p>
    </div>
    </div>
    </div>
    <div id="main">
    <div id="welcome" class="post">
    <h2 class="title">Welcome to Computer<span class="y">esel</span>!</h2>
    <h3 class="date">&nbsp;</h3>
    <div class="meta">
    <p>Aktualisiert,
    <!-- #BeginDate format:aGe1m -->Mo. 08.12.2008 21:46<!-- #EndDate -->
    </p>
    </div>
    <div class="story"> <strong>Hier gibt es immer da neueste </strong>vom Betriebssytem
    <p>Windows Vista,XP. </p>
    </div>
    </div>
    <div id="example" class="post">
    <h2 class="title">News vom computer<span class="a">esel</span></h2>
    <h3 class="date">&nbsp;</h3>
    <div class="meta">
    <p>&nbsp;</p>
    </div>
    <div class="story">
    <p>Voraussetzung für die Installation ist auf jeden Fall, dass das SP1 bereits installiert ist.<br />
    <br />
    Außerdem muss die Registry geändert werden, damit das SP2 Beta über die Update Funktion von Vista erkannt und installiert wird.<br />
    <br />
    <u>So sieht das File aus:</u><br />
    <br />
    @echo off<br />
    <br />
    reg delete HKEY_LOCAL_MACHINE\SOFTWARE\Microsoft\Windows\</p>
    <p>CurrentVersion\WindowsUpdate\VistaSP2 /f &gt; NUL 2&gt;&amp;1<br />
    regdelete HKEY_LOCAL_MACHINE\SOFTWARE\Wow6432Node\Microsoft\</p>
    <p>Windows\CurrentVersion\WindowsUpdate\VistaSP2 /f &gt; NUL 2&gt;&amp;1<br />
    <br />
    reg add HKEY_LOCAL_MACHINE\SOFTWARE\Microsoft\Windows\</p>
    <p>CurrentVersion\WindowsUpdate\VistaSP2 /v Beta1 /t REG_SZ /d 93F7D954-DF91-22E6-99AB-4D8AF54E813A /f<br />
    IF NOT %errorlevel% == 0 ( goto ERROR)<br />
    <br />
    :SUCCESS<br />
    @echo.<br />
    echo ==============================================<br />
    echo Windows Server 2008 SP2 Beta and Windows Vista SP2 Beta <br />
    echo registry key has been set successfully. <br />
    echo If you start SP2 installation, Microsoft will collect<br />
    echo information online about the installation process. <br />
    echo To install SP2 please check for updates in Windows Update.<br />
    echo ==============================================<br />
    @echo.<br />
    goto END<br />
    <br />
    :ERROR<br />
    @echo.<br />
    echo ==============================================<br />
    echo FAILED to set Windows Server/Vista SP2 registry keys.<br />
    echo Please run this script by right clicking and selecting<br />
    echo &quot;Run as Administrator&quot;.<br />
    echo ==============================================<br />
    @echo.<br />
    goto END<br />
    <br />
    :END<br />
    pause<br />
    <br />
    <br />
    <u>So gehts:</u><br />
    <br />
    1. Diesen Code kopieren und <br />
    2. als Batch-Datei abspeichern = Start - Ausführen - edit - kopieren - speichern unter wovsp2beta.bat<br />
    3. dann das File starten<br />
    4. und dann Vista Update starten. Evtl. auf &quot;nach Updates suchen&quot; klicken. Update findet ein File.<br />
    5. auf update installieren klicken. <br />
    6. erneut nach Updates suchen. Es werden weitere Updates gefunden.<br />
    7. wieder installieren lassen. <br />
    8. Geduld haben, Wir sprechen hier von ca. 500 MB und die Server sind überlastet.<br />
    <br />
    9. Hoffen, dass nichts falsch gelaufen ist.</p>
    <p>ich werde Euch weiter auf dem laufenden halten.</p>
    <p><u>Computeresel.de übernimmt keine Haftung für Schäden am PC. Man bedenke, dass es eine Beta ist und somoit noch nicht ganz eausgereift bzw. es hat noch Bugs !!!!!</u><br />
    </p>
    </div>
    </div>
    </div>
    </div>
    <div style="clear: both;">&nbsp;</div>
    </div>
    <div id="footer">
    <p id="legal">Copyright &copy; 2008 computeresel.de | All Rights Reserved | Designed by w.c.sch |<a href=></a><a href=""> Contact</a> | <a href=""></a><a href="Impressum.html">Impressum</a></p>
    <p id="links">&nbsp;</p>
    </div>
    </body>
    </html>
     
    #6      
  7. tiroler

    tiroler Hat es drauf

    14
    Dabei seit:
    04.11.2006
    Beiträge:
    2.202
    Geschlecht:
    männlich
    Ort:
    Pfalz und Tirol
    Software:
    CS4, C4D R10
    Kameratyp:
    Canon EOS 400D+L-Obj.
    Schriftfarbe
    AW: Schriftfarbe

    ein bischen Basiswissen von CSS wäre sehr angebracht- bitte schau dir mal diese Seite an.
     
    #7      
  8. Top_Gun

    Top_Gun Aktives Mitglied

    Dabei seit:
    24.07.2008
    Beiträge:
    965
    Geschlecht:
    männlich
    Schriftfarbe
    AW: Schriftfarbe

    Du fügst den Code zwischen <style type="text/css"> und </style> ein. Dort wo das andere CSS auch steht.
    Und ja du musst das für jede Unterseite machen, es sei denn du lagerst dein komplettes CSS in eine externe Datei aus.
    Diese musst du dann in jeder Unterseite definieren, dafür wird dann eine Änderung an der CSS-Datei auf allen Unterseiten übernommen.

    Der Text steht in einem Absatz-Tag (<p>...</p>), wenn du nun für die Absätze eine Farbe änderst, gilt das allerdings nicht nur für den einen Absatz, sondern für alle Absätze auf deiner Seite.
    Wenn du einen einzigen Absatz färben willst, musst du ihm eine ID (die ist einmalig und darf nur einmal im gesamten Dokument vorkommen) oder eine Klasse (diese darf mehrfach in einem Dokument vorkommen) geben:
    HTML:
    1. <p id="id">Text</p>
    Die ID kannst du dann im CSS so ansprechen:
    Code (Text):
    1. #id {
    2. color: #ffffff;
    3. }
    HTML:
    1. <p class="klasse">Text</p>
    Die Klasse kannst du dann im CSS so ansprechen:
    Code (Text):
    1. .klasse {
    2. color: #ffffff;
    3. }
     
    #8      
Seobility SEO Tool
x
×
×