ilch Forum » Ilch Clan 1.1 » Allgemein » style.css einbinden

Geschlossen
  1. Fr. 22.06.2007 10:10 Uhr #1
    User Pic
    freak Mitglied
    Registriert seit
    31.01.2007
    Beiträge
    856
    Beitragswertungen
    0 Beitragspunkte
    hallo,
    Ich habe meine Website immer ohne Style.css gemacht jetzt brauch ich die wegen dem Profil also so bindet man die doch ein in der index oder?? 
    <link rel="stylesheet" type="text/css" href="include/designs/CU/style.css">


    und was muss ich in die Style.css rein machen das ich den hintergrund der Profilfelder machen kann also z.B. bei Nickname weil wo ich es immer ohne style.css gemacht habe war kein hintergrund mehr das wenn ich ein neues Profilfeld erstelle da ist die hintergrundfarbe dann net da nur da wo ich es in der user_details die farbe als hintergurnd gemacht habe,

    also hoffe auf hilfe
    danke


    verwendete ilchClan Version: 1.1
    externer Link
    0 Mitglieder finden den Beitrag gut.
  2. Fr. 22.06.2007 10:16 Uhr #2
    User Pic
    Jan Hall Of Fame
    Registriert seit
    17.01.2007
    Beiträge
    3.646
    Beitragswertungen
    54 Beitragspunkte
    ZitatZitat geschrieben von freak
    <link rel="stylesheet" type="text/css" href="include/designs/CU/style.css">

    Ja das ist richtig.

    So sieht die style.css aus: 

    p {
	color: #C0C0C0;
	font-size: 12px;
}

legend {
	font-family: Arial; 
	font-size: 12px;
	color: #C0C0C0;
}

.abg {
	background-color: #000000;
}

td {
	font-family: Arial; 
	font-size: 12px;
	color: #C0C0C0;
}

a:link, a:visited, a:active { 
	color: #C0C0C0; 
	font-family: Arial; 
	font-size: 12px; 
	text-decoration: none; 
	font-style: normal;
}

a:hover {   
	color: #C0C0C0; 
	font-family: Arial; 
	font-size: 12px; 
	text-decoration: underline; 
	font-style: normal;
}

a.box { 
	color: #C0C0C0; 
	font-family: Arial; 
	font-size: 12px; 
	text-decoration: none; 
}

a.box:hover {   
	text-decoration: underline; 
	color: #C0C0C0;
}

hmenu {   
	color: #C0C0C0; 
	font-family: Arial; 
	font-size: 12px; 
	text-decoration: none;  
}

a.hmenu {   
	color: #C0C0C0; 
	font-family: Arial; 
	font-size: 12px; 
	text-decoration: none;  
}

hmenu:hover {   
	color: #C0C0C0; 
	font-family: Arial; 
	font-size: 12px; 
	text-decoration: underline;
	font-style: normal;  
}


.Chead {
	background-color: #232323;
	color: #C0C0C0;
	font-size: 12px; 
}

.Chead td, .Chead td strong, .Chead h4, .Chead td b {
	color: #C0C0C0;
}

.Callg {
	background-color: #FFFFFF;
	color: #C0C0C0;
}

.Callg td {
	color: #C0C0C0;
}

.Cnorm {
	background-color: #404040;
}

.Cmite {
	background-color: #383838;
}

.Cdark {
	background-color: #2D2D2D;
}

#Ballg {
	color: #C0C0C0;
}
#Ballg td {
	color: #C0C0C0;
}

.Bhead {
	background-color: #2D2D2D;
	color: #C0C0C0;
}

.Bbody {
	background-color: #969696;
	color: #C0C0C0;
}

.rand {
	border: solid #1b1b1b 1px;
	background-color: #FFFFFF;
}

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

.border { 
	background-color: #1b1b1b; 
}

hr { 
	height: 0px; 
	border: solid #1b1b1b 0px; 
	border-top-width: 1px; 
}

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

#menu { font-size: 12px; padding-left: 0px; margin-left: 0px; }
#menu ul { padding-left: 0px; margin-left: 0px; }
#smallmenu { }
#smallmenu li { font-size: 12px; }
#smallmenu a { font-size: 12px; }


    Farben musst du natürlich noch anpassen.
    0 Mitglieder finden den Beitrag gut.
  3. Fr. 22.06.2007 11:03 Uhr #3
    User Pic
    freak Mitglied
    Registriert seit
    31.01.2007
    Beiträge
    856
    Beitragswertungen
    0 Beitragspunkte
    das weis ich schon will aber da nur de hinterdrund von der user_details rein machen
    externer Link
    0 Mitglieder finden den Beitrag gut.
  4. Fr. 22.06.2007 11:08 Uhr #4
    User Pic
    Jan Hall Of Fame
    Registriert seit
    17.01.2007
    Beiträge
    3.646
    Beitragswertungen
    54 Beitragspunkte
    dann öffne die user_details.htm und schau mal was da alles bei 
    style= ...

    angegeben ist.

    Dann denkst du dir eigene style-namen aus und fügst nur die in die style.css ein.

    Beispiel: 
    style="test"


    Und dann in die style.css: 
    .test { 
    background-color: #232323; 
    color: #C0C0C0; 
    font-size: 12px;  
}
    0 Mitglieder finden den Beitrag gut.
  5. Fr. 22.06.2007 11:13 Uhr #5
    User Pic
    freak Mitglied
    Registriert seit
    31.01.2007
    Beiträge
    856
    Beitragswertungen
    0 Beitragspunkte
    [quote=jankrug]
    dann öffne die user_details.htm und schau mal was da alles bei 
    style= ...

    angegeben ist.

    wo muss ich das rein machen in welchen berreich der userdetails??
    externer Link
    0 Mitglieder finden den Beitrag gut.
  6. Fr. 22.06.2007 11:16 Uhr #6
    User Pic
    freak Mitglied
    Registriert seit
    31.01.2007
    Beiträge
    856
    Beitragswertungen
    0 Beitragspunkte
    muss ich in der userdetails einfach das so machen 
    <link rel="stylesheet" type="text/css" href="include/designs/CU/profil_style.css">
    externer Link
    0 Mitglieder finden den Beitrag gut.
  7. Fr. 22.06.2007 11:56 Uhr #7
    User Pic
    Jan Hall Of Fame
    Registriert seit
    17.01.2007
    Beiträge
    3.646
    Beitragswertungen
    54 Beitragspunkte
    include/templates/user/userdetails.htm durch das ersetzen (1.1h): 

    <a href="javascript:history.back(1)"><b>&laquo;</b> {_lang_back}</a>
<br />
<br />

<table width="100%" cellpadding="3" cellspacing="1" class="border">
  <tr class="eins"> 
    <th colspan="3"><b>{_lang_detailsfrom} {NAME}</b></th>
  </tr><tr>
    <td class="zwei" width="30%">{_lang_nickname}</td>
    <td class="drei" width="40%">{NAME}</td>
    <td class="vier" width="30%" rowspan="{rowspan}" valign="top" align="center">
		  {AVATA}
			<br /><br />
			<font class="smalfont">{RANG}</font>
		</td>
  </tr><tr>
    <td class="fuenf">{_lang_regsince}</td>
    <td class="sechs">{JOINED}</td>
  </tr><tr>
    <td class="sieben">{_lang_lastactivity}</td>
    <td class="acht">{LASTAK}</td>
  </tr><tr>
    <td class="neun">{_lang_posts2}</td>
    <td class="zehn">{POSTS}, {_lang_perday}: {postpday}</td>
  </tr>
	
{profilefields}
	
</table>

<br />
<a href="javascript:history.back(1)"><b>&laquo;</b> {_lang_back}</a>


    include/designs/CU/index.htm das hinzufügen (zwischen <head> ... </head>) : 

    <link rel="stylesheet" type="text/css" href="include/designs/CU/style.css">


    include/designs/CU/style.css das hinzufügen: 

    .eins {  
    background-color: #232323;  
    color: #C0C0C0;  
    font-size: 12px;   
}

.zwei {  
    background-color: #232323;  
    color: #C0C0C0;  
    font-size: 12px;   
}

.drei {  
    background-color: #232323;  
    color: #C0C0C0;  
    font-size: 12px;   
}

.vier {  
    background-color: #232323;  
    color: #C0C0C0;  
    font-size: 12px;   
}

.fuenf {  
    background-color: #232323;  
    color: #C0C0C0;  
    font-size: 12px;   
}

.sechs {  
    background-color: #232323;  
    color: #C0C0C0;  
    font-size: 12px;   
}

.sieben {  
    background-color: #232323;  
    color: #C0C0C0;  
    font-size: 12px;   
}

.acht {  
    background-color: #232323;  
    color: #C0C0C0;  
    font-size: 12px;   
}

.neun {  
    background-color: #232323;  
    color: #C0C0C0;  
    font-size: 12px;   
}
.zehn {  
    background-color: #232323;  
    color: #C0C0C0;  
    font-size: 12px;   
}

    Die Farben musst du selbst anpassen.


    Zuletzt modifiziert von jankrug am 22.06.2007 - 11:57:14
    0 Mitglieder finden den Beitrag gut.
  8. Fr. 22.06.2007 12:05 Uhr #8
    User Pic
    freak Mitglied
    Registriert seit
    31.01.2007
    Beiträge
    856
    Beitragswertungen
    0 Beitragspunkte
    also svchau nochmals, hab die userdetails verändert das ist sie jetzt 
    </script>
<p><a href="javascript:history.back(1)"><b>&laquo;</b> {_lang_back}</a>
  <br />
</p>
<table   width="97%" cellpadding="3" cellspacing="1" class="border">
  <tr class="Chead">
    <th background="images/c-u_23.GIF" colspan="4"><b>{_lang_detailsfrom} {NAME}</b></th>
  </tr>
  <tr>
    <td colspan="2" rowspan="8" class="Cmite"><div align="center">
      <p>{AVATA}</p>
      </div>      
    <div align="center"></div>    <div align="center">
    </div></td>
    <td width="23%" height="160" align="center" valign="middle" class="Cnorm"><font class="smalfont">{RANGPIC}</font></td>
  </tr>
  <tr>
    <td background="images/c-u_23.GIF" class="Cnorm"><strong>Aktionen</strong></td>
  </tr>
  <tr>
    <td bgcolor="#F0F0F0" class="Cnorm"><font class="smalfont">{RANG}</font></td>
  </tr>
  <tr>
    <td bgcolor="#F0F0F0" class="Cnorm"><a href="index.php?forum-privmsg-new=0&empfid={ID}">Nachricht schreiben</a> </td>
  </tr>
  <tr>
    <td height="26" bgcolor="#F0F0F0" class="Cnorm"><a id="usergb" href="index.php?user-usergb-view-{UID}">User Gästebuch</a></td>
  </tr>
  <tr>
    <td bgcolor="#F0F0F0" class="Cnorm"><a href="index.php?user-usergallery-{ID}">User Gallery</a></td>
  </tr>
  <tr>
    <td bgcolor="#F0F0F0" class="Cnorm"><a href="#" onClick="ts1()">TS Server &Uuml;bersicht</a></td>
  </tr>
  <tr>
    <td bgcolor="#F0F0F0" class="Cnorm">&nbsp;</td>
  </tr>
  <tr>
    <td height="25" class="Cmite">&nbsp;</td>
    <td colspan="2" class="Cnorm">&nbsp;</td>
  </tr>
  <tr>
    <td height="23" class="Cmite">&nbsp;</td>
    <td colspan="2" class="Cnorm"></td>
  </tr>
  <tr>
    <td background="images/c-u_23.GIF" height="24" class="Cmite">Details</td>
    <td background="images/c-u_23.GIF" colspan="2" class="Cnorm">&nbsp;</td>
  </tr>
  <tr bgcolor="#F0F0F0">
    <td width="17%" class="Cmite">{_lang_nickname}</td>
    <td colspan="2" bgcolor="#F0F0F0" class="Cnorm">{NAME}</td>
  </tr>
  <tr bgcolor="#F0F0F0">
    <td height="25" class="Cmite">{_lang_regsince}</td>
    <td colspan="2" class="Cnorm">{JOINED}</td>
  </tr>
  <tr bgcolor="#F0F0F0">
    <td height="25" class="Cmite">{_lang_lastactivity}</td>
    <td colspan="2" class="Cnorm">{LASTAK}</td>
  </tr>
  <tr bgcolor="#F0F0F0">
    <td height="5" class="Cmite">{_lang_posts2}</td>
    <td colspan="2" class="Cnorm">{POSTS}, {_lang_perday}: {postpday}</td>
  </tr>
  <tr bgcolor="#F0F0F0">
    <td height="6" class="Cmite">&nbsp;</td>
    <td colspan="2" class="Cnorm">&nbsp;</td>
  </tr>
  {profilefields}
</table>
<br />
<a href="javascript:history.back(1)"><b>&laquo;</b> {_lang_back}</a>


    und wo muss ich das machen das ich ne eigene style.css für das profil habe???

    das ist mein Problem

    gesperrtes Bild
    externer Link
    0 Mitglieder finden den Beitrag gut.
  9. Fr. 22.06.2007 14:12 Uhr #9
    User Pic
    Mairu Coder
    Registriert seit
    16.06.2006
    Beiträge
    15.334
    Beitragswertungen
    387 Beitragspunkte
    Dann schau mal in der includes/func/profilefields.php nach, allerdings bräuchtest du nur in deiner style.css mal die Klassen Chead Cmite Cnorm Cdark border usw. definieren, dann brauchst du auch kein Template anpassen.
    Und auch immer mal ein Blick auf die FAQ werfen. | Mairus Ilchseite
    0 Mitglieder finden den Beitrag gut.
  10. Fr. 22.06.2007 16:57 Uhr #10
    User Pic
    freak Mitglied
    Registriert seit
    31.01.2007
    Beiträge
    856
    Beitragswertungen
    0 Beitragspunkte
    hab ja keine css deswegen will ich ja nur ne cs für das profil machen
    externer Link
    0 Mitglieder finden den Beitrag gut.
  11. Fr. 22.06.2007 18:32 Uhr #11
    User Pic
    Mairu Coder
    Registriert seit
    16.06.2006
    Beiträge
    15.334
    Beitragswertungen
    387 Beitragspunkte
    Na dann die erste Variante zwinker
    Und auch immer mal ein Blick auf die FAQ werfen. | Mairus Ilchseite
    0 Mitglieder finden den Beitrag gut.
  12. Fr. 22.06.2007 18:34 Uhr #12
    User Pic
    freak Mitglied
    Registriert seit
    31.01.2007
    Beiträge
    856
    Beitragswertungen
    0 Beitragspunkte
    aber wo muss ich das in der userdetails rein setzen 
    style="test"



    Zuletzt modifiziert von freak am 22.06.2007 - 18:37:26
    externer Link
    0 Mitglieder finden den Beitrag gut.
Geschlossen

Zurück zu Allgemein

Optionen: Bei einer Antwort zu diesem Thema eine eMail erhalten