Element Style

Gehe zu Seite:

Geschlossen

So. 22.01.2012 13:39 Uhr #1

milan1899 Mitglied

Registriert seit
21.11.2011

Beiträge
56

Beitragswertungen

Hi,

ich habe ein Problem:

Wenn ich mit Firebug z.B. was im Forum meiner Seite ändere, also z.B. eine Überschrift, die eigentlich in der style.css definiert ist, dann ändern sich natürlich auch alle anderen Farben, die mit dem selben Befehl im style.css definiert sind.

Wenn ich jedoch nur diese eine Überschrift ändern will, und ein element.style hinzufüge (mit Firebug), dann gelingt alles. Nur weiß ich nicht, wo ich die element.style eintragen muss, damit sie dann permanent eingetragen ist.

betroffene Homepage: externer Link
0 Mitglieder finden den Beitrag gut.
- zitieren
So. 22.01.2012 17:58 Uhr #2

Lord|Schirmer Administrator

Registriert seit
21.03.2007

Beiträge
7.680

Beitragswertungen

Die Klassen oder ID kannst Du in deine style.css packen!

rules :: doku :: faq :: linkus
0 Mitglieder finden den Beitrag gut.
- zitieren
So. 22.01.2012 18:10 Uhr #3

milan1899 Mitglied

Registriert seit
21.11.2011

Beiträge
56

Beitragswertungen

Und was muss da genau rein?

Und wie geht das?^^:D
0 Mitglieder finden den Beitrag gut.
- zitieren
So. 22.01.2012 18:20 Uhr #4

Lord|Schirmer Administrator

Registriert seit
21.03.2007

Beiträge
7.680

Beitragswertungen
Einfach gesagt, wenn Du einem Element eine Klasse gibst, zB.
```
TITLE
```
setzt Du in deine style.css zB.
```
.titelfarbe { color: #ff0000; }
```
...aber am Besten Du gibst mal css in Google ein, es gibt genügend Tutorials und Lernseiten.
rules :: doku :: faq :: linkus
0 Mitglieder finden den Beitrag gut.
- zitieren
So. 22.01.2012 19:53 Uhr #5

milan1899 Mitglied

Registriert seit
21.11.2011

Beiträge
56

Beitragswertungen

ok...

soweit so gut! Das hätte ich nun mal verstanden!

Aber wie gebe ich dem Element die Klasse?
0 Mitglieder finden den Beitrag gut.
- zitieren
So. 22.01.2012 20:28 Uhr #6

oink Mitglied

Registriert seit
23.09.2010

Beiträge
740

Beitragswertungen

er sucht die stelle im html.

Sieh dir dazu mal die ilch struktur an, jede url oder auch modul hat ihr eigenes template.

Wenn du ausprobieren willst ob du die richtige date vor dir hast schreibe einfach ein testwort irgendwo hinein und such dann danach in der browserausgabe.
Optimalerweise solltest du nur im html arbeiten.

before creation there must be destruction
0 Mitglieder finden den Beitrag gut.
- zitieren
Mo. 23.01.2012 15:29 Uhr #7

milan1899 Mitglied

Registriert seit
21.11.2011

Beiträge
56

Beitragswertungen

Sry, aber ich verstehe da Bahnhof!

Kann mir bitte einer helfen, und sagen, wie ich z.B. einen Teil eines Textes umfärbe
0 Mitglieder finden den Beitrag gut.
- zitieren
Mo. 23.01.2012 16:08 Uhr #8

Saarlonz Hall Of Fame

Registriert seit
07.08.2008

Beiträge
3.003

Beitragswertungen

Hmm, eigentlich genauer als wie im letzten Beitrag von Lord|Schirmer geht es nicht:S
0 Mitglieder finden den Beitrag gut.
- zitieren
Mo. 23.01.2012 16:49 Uhr #9

DeadBirdy Mitglied

Registriert seit
24.11.2011

Beiträge
166

Beitragswertungen

Dem kannste helfen wie du willst, ich habs auch schonma versucht, geholfen und versucht im Steam zu erklären, er denkt trotzdem dass es falsch ist und macht die alten Fehler
0 Mitglieder finden den Beitrag gut.
- zitieren
Mo. 23.01.2012 19:08 Uhr #10

milan1899 Mitglied

Registriert seit
21.11.2011

Beiträge
56

Beitragswertungen
Also nochmal:

Ich möchte z.B. in unserem Forum ( silentforce-clan.de/?forum ) die Farbe der Unterüberschriften der jeweiligen Kategorien ändern.

Jedoch werden die Farben im style.css beschrieben nach dem Code:
```
td {
    color: #E0E0E0;
    font-family: Verdana;
    font-size: 12px;
}
```
(steht in Firebug)

Und das Problem ist, dass wenn ich nun diese FArbe ^^ umändere, dann werden auch alle anderen Farben, die mit dieser Klasse defineirt sind geändert (z.B. bei News...).

Wie kann ich nun z.B. den Unterüberschriften eine eingene Klasse zuweisen, dass nur diese FArben geändert werden?

Wenn ich mit Firebug eine element.style hinzufüge, mit der gewünschten Farbe, dann funzt alles, aber Firebug speichert ja nur temporär.
0 Mitglieder finden den Beitrag gut.
- zitieren
Mo. 23.01.2012 19:30 Uhr #11

DeadBirdy Mitglied

Registriert seit
24.11.2011

Beiträge
166

Beitragswertungen
Zitat geschrieben von Lord|Schirmer

Einfach gesagt, wenn Du einem Element eine Klasse gibst, zB.
TITLE

setzt Du in deine style.css zB.
.titelfarbe { color: #ff0000; }

...aber am Besten Du gibst mal css in Google ein, es gibt genügend Tutorials und Lernseiten.
Da stehts doch!
0 Mitglieder finden den Beitrag gut.
- zitieren
Mo. 23.01.2012 19:36 Uhr #12

milan1899 Mitglied

Registriert seit
21.11.2011

Beiträge
56

Beitragswertungen
Zitat geschrieben von DeadBirdy

Zitat geschrieben von Lord|Schirmer

Einfach gesagt, wenn Du einem Element eine Klasse gibst, zB.
TITLE

setzt Du in deine style.css zB.
.titelfarbe { color: #ff0000; }

...aber am Besten Du gibst mal css in Google ein, es gibt genügend Tutorials und Lernseiten.

Da stehts doch!
Und wie gebe ich dem Text dann eine Klasse? Nur mit Notepad++? In style.css? Wie erkennt css dass es sich um den richtigen Text handelt?
0 Mitglieder finden den Beitrag gut.
- zitieren
Mo. 23.01.2012 19:38 Uhr #13

Saarlonz Hall Of Fame

Registriert seit
07.08.2008

Beiträge
3.003

Beitragswertungen

poste mal deine style.css
0 Mitglieder finden den Beitrag gut.
- zitieren

Mo. 23.01.2012 20:09 Uhr #14

milan1899 Mitglied

@charset "utf-8";
/* CSS Document */

body {
  background-color: #333333;
  background-image: url('Bilder/DDvX_bg.jpg') ;	
  background-attachment:fixed;
  background-position: 50% 0%;
  background-repeat:no-repeat;
  margin:0; 
  padding:0;
}

td
{
  font-family: Verdana;
  font-size: 12px;
  color: #E0E0E0;
}

a, #left_col .Cmite a, #left_col .Cnorm a, #left_col .Cdark a
{
    color: #0f0;
	font-family: Verdana;
	font-size: 11px;
	text-decoration: none;
}

a.
{
	color: #666;
}

a:hover
{
  text-decoration: none;
}

a.box
{
    color: #0f0;
	font-family: Verdana;
	font-size: 11px;
	text-decoration: underline;
}

a.box:hover
{
  text-decoration: none;
  color: #0f0;
}

.Chead
{
  background: #333;
  color: #111;
}

.Chead a
{
  color: #0f0;
}

.Chead td, .Chead td strong, .Chead h4, .Chead td b
{
  background: #16639b;
  color: #9dbdd4;
}

.Callg
{
  background-color: #EFEFEF;
	color: #FFF;
}

.Callg td
{
  color: #000000;
}

.Cnorm
{
  background-color: #666;
}
.Cmite
{
  background-color: #999;
}
.Cdark
{
  background-color: #222;
}

.rand
{
  border: solid #222 1px;
}

.smalfont
{
    font-size: 10px;
	text-decoration: none;
}

.border
{
   background-color: #CCC;
}
hr
{
        height: 0px;
		border: solid #003366 0px;
		border-top-width: 1px;
}

input, textarea, select
{
    color: #000000;
    font: 12px Verdana;
    border-color: #185685;
  	border-width: 1px;
    border-style: solid;
    font-weight: none;
    text-decoration: none;
    background-color: #EFEFEF;
}

0 Mitglieder finden den Beitrag gut.

zitieren

Mo. 23.01.2012 20:13 Uhr #15

Saarlonz Hall Of Fame

Registriert seit
07.08.2008

Beiträge
3.003

Beitragswertungen

hinzüfügen und dann z.b in der entsprechenden forum template ausgeben wie von Lord beschrieben.

Zuletzt modifiziert von -saarlonz- am 23.01.2012 - 20:52:32
1 Mitglieder finden den Beitrag gut.
- zitieren
Mo. 23.01.2012 20:23 Uhr #16

milan1899 Mitglied

Registriert seit
21.11.2011

Beiträge
56

Beitragswertungen

ok,
das eintragen in der style.css wäre also nicht schwierig.
Wie und wo trage ich es denn in der template ein? in einer php oder html?
0 Mitglieder finden den Beitrag gut.
- zitieren
Mo. 23.01.2012 20:24 Uhr #17

Saarlonz Hall Of Fame

Registriert seit
07.08.2008

Beiträge
3.003

Beitragswertungen

wie das wort template schon deuten lässt in einer htm. z.b showforum.htm
0 Mitglieder finden den Beitrag gut.
- zitieren

Mo. 23.01.2012 20:27 Uhr #18

milan1899 Mitglied

<!--
  @name    IlchBB Forum
  @version 3.1
  @author  Florian Koerner
  @link    http://www.koerner-ws.de/
-->


<div style="display:none;">
    <table>
        <tr>
            <td></td>
        </tr>
        {EXPLODE}
    </table>
</div>
<div class="forum ui-corner-all">
    <table cellpadding="0" cellspacing="0" class="ilchbb_border" border="0">
        <tr>
            <th colspan="2" width="45%">
                <a href="index.php?forum-showcat-{cid}" style="color: #FFF;">{cname}</a>
            </th>
            <th width="13%">
                <center>{_lang_topic}</center>
            </th>
            <th width="13%">
                <center>{_lang_post}</center>
            </th>
            <th width="29%">
                {_lang_lastpost}
            </th>
        </tr>
        {EXPLODE}
        <tr>
            <td colspan="5" class="{class}" style="font-weight: bold;">
                &nbsp; &nbsp; &raquo; <a href="index.php?forum-showcat-{cid}">{cname}</a>
            </td>
        </tr>
        {EXPLODE}
        <tr class="{class}">
            <td width="6%">
                <center><img alt="" src="include/images/ilchbb_forum/{ORD}.gif" title="{TORD}" /></center>
            </td>
            <td class="top" width="39%">
                <a href="index.php?forum-showtopics-{id}" >{name}</a><br />
                <span class="smallfont">{besch}</span>
            </td>
            <td class="middle xleft">
                <div class="center">
                    {topics}
                </div>
            </td>
            <td class="middle xright">
                <div class="center" style="border-right-width: 1px;">
                    {posts}
                </div>
            </td>
            <td class="top smallfont">
                <a title="{topicl}" href="index.php?forum-showposts-{tid}-p{page}#{pid}">
                    {topic}
                    <img src="include/images/ilchbb_forum/icon_topic_latest.gif" title="Letzter Beitrag" border="0" />
                </a>
                <br />
                {_lang_from}: {erst}
                <br />
                am: {datum}
            </td>
        </tr>
        {EXPLODE}
    </table>
</div>

<table cellpadding="0" cellspacing="0" border="0" width="100%">
    <tr>
        <td width="50%" valign="top">
            <a href="index.php?forum-markallasread">{_lang_markallasread}</a>
        </td>
        <td width="50%" style="text-align: right" valign="top">
            <a href="index.php?forum-augt">{_lang_newtopicssincelastvisit}</a><br />
            <a href="index.php?forum-aubt">{_lang_topicwithnoreply}</a><br />
            <a href="index.php?forum-aeit">{_lang_ownposts}</a>
        </td>
    </tr>
</table>

<br />
<br />

<div class="forum ui-corner-all">
    <table cellpadding="0" cellspacing="0" class="ilchbb_border" border="0">
        <tr>
            <th>
                Statistiken
            </th>
        </tr>
        <tr style="background-color: #FFF;">
            <td>
                <b>{users}</b> {_lang_membershaveritten} <b>{posts}</b> {_lang_postsin} <b>{topics}</b> {_lang_topics}<br />
                <br />
                {_lang_it} {istsind} {gesonline} {_lang_guestsonline,ofthem} {useronline} {_if_{useronline}=='1'}{_lang_registredand}{/_endif}{_if_{useronline}!='1'}{_lang_registrededand}{/_endif} {gastonline} {_lang_guests}<br />
                {userliste}
                {dayonline}
            </td>
        </tr>
    </table>
</div>
{privmsgpopup}

Hier wäre die showforum

Kannst du mir bitte zeigen, wie ich hier dann z.B. .ctest eintrage, und die Position etc. bestimme?!

0 Mitglieder finden den Beitrag gut.

zitieren

Mo. 23.01.2012 20:33 Uhr #19

Saarlonz Hall Of Fame

Registriert seit
07.08.2008

Beiträge
3.003

Beitragswertungen

Schau doch mal in der Zeile 21 deines codes, dort ist doch eine Art die Farbe zu ändern. So wie es hier angegeben ist, ist die Farbe weiss. änderst du das #FFF in #000 ist die Farbe schwarz etc. Musst lediglich den Farbcode ändern.
1 Mitglieder finden den Beitrag gut.
- zitieren
Mo. 23.01.2012 20:37 Uhr #20

milan1899 Mitglied

Registriert seit
21.11.2011

Beiträge
56

Beitragswertungen

silentforce-clan.de/?forum das war für die Hauptkategorien des Forums (habe nun schwarz eingestellt, wie man sieht)...

Kannst du mir vlt in einem Chat oder ähnlichem kurz erklären, wie man das einträgt im Template?

Ich habe dazu noch kein Tutorial gefunden!
0 Mitglieder finden den Beitrag gut.
- zitieren
Mo. 23.01.2012 20:40 Uhr #21

Saarlonz Hall Of Fame

Registriert seit
07.08.2008

Beiträge
3.003

Beitragswertungen

Ja und was möchtest du in welcher Farbe angezeigt bekommen??
0 Mitglieder finden den Beitrag gut.
- zitieren
Mo. 23.01.2012 20:44 Uhr #22

milan1899 Mitglied

Registriert seit
21.11.2011

Beiträge
56

Beitragswertungen

z.B. "Das Forum für alle ab Co-Admin" ; "Diskussionen, Fragen und Tipps zur Call of Duty - Reihe" etc. in einer anderen Farbe, dass man sie mit diesem Hintergrund lesen kann.
0 Mitglieder finden den Beitrag gut.
- zitieren
Di. 24.01.2012 14:20 Uhr #23

milan1899 Mitglied

Registriert seit
21.11.2011

Beiträge
56

Beitragswertungen

Hat sich erledigt dank -saarlonz-
0 Mitglieder finden den Beitrag gut.
- zitieren

Beitrag zur Merkliste hinzufügen

ilch Forum » Ilch Clan 1.1 » Fehlersuche und Probleme » Element Style