ilch Forum » Ilch Clan 1.1 » Design und Templates » Forum Hintergrund Transparent machen!

Geschlossen
  1. So. 25.09.2011 13:00 Uhr #1
    User Pic
    DennioWhite Mitglied
    Registriert seit
    27.06.2011
    Beiträge
    26
    Beitragswertungen
    0 Beitragspunkte
    Ich will den Background des Forums Transparent haben also so dass das schwarze nicht da ist und der hintergrund da hinter sichtbar ist.

    Aber bitte kein gucke cmite bla oder so, sondern bitte wo und wie.

    Vielleicht könnt ihr mir auch mit der zweiten bitte helfen, wie ihr den schwarz weiß gestrichelt hintergrund seht, den will ich ändern und zwar bilder einfügen, wo find ich den?

    betroffene Homepage: externer Link
    0 Mitglieder finden den Beitrag gut.
  2. So. 25.09.2011 16:21 Uhr #2
    User Pic
    Tr3icio gelöschter User
    Cmite, Cnorm, Cdark, Chead und border

    Tut mir Leid aber genauer gehts nicht!
    Einfach background-color anpassen
    0 Mitglieder finden den Beitrag gut.
  3. So. 25.09.2011 17:28 Uhr #3
    User Pic
    DennioWhite Mitglied
    Registriert seit
    27.06.2011
    Beiträge
    26
    Beitragswertungen
    0 Beitragspunkte
    Naja gibs nen code für transparent?
    kann mir vielleicht auch jemand sagen was die wörter da bedeuten?


    Zuletzt modifiziert von DennioWhite am 25.09.2011 - 17:31:27
    0 Mitglieder finden den Beitrag gut.
  4. So. 25.09.2011 18:25 Uhr #4
    User Pic
    Jan Hall Of Fame
    Registriert seit
    17.01.2007
    Beiträge
    3.646
    Beitragswertungen
    54 Beitragspunkte
    Du kannst transparente Bilder verwenden (1x1 Pixel groß).
    Die Bilder wiederholen sich dann automatisch. lächeln

    Die Wörter aus dem Post von Tr3icio sind CSS-Klassennamen.

    Das könntest du beispielsweise ganz unten in deiner CSS-Datei anhängen: 
    .Cmite {
    background:url(bilder/transparent-1.png);
}

    Tr3icio scheint in den letzten Tagen etwas zickig zu sein. schockiert


    Liebe Grüße
    Jan
    0 Mitglieder finden den Beitrag gut.
  5. So. 25.09.2011 19:37 Uhr #5
    User Pic
    she Mitglied
    Registriert seit
    13.11.2010
    Beiträge
    1.115
    Beitragswertungen
    82 Beitragspunkte
    ZitatZitat geschrieben von jankrug

    Tr3icio scheint in den letzten Tagen etwas zickig zu sein. schockiert


    Verstehen kann man es aber schon, hier werden immer mehr PHP/HTML Anfänger Fragen gestellt. Die man schon in Google einfach nur eintippen kann und schon findet man eine Antwort. Aber die meisten denken halt ich benutze Ilch also liegt es an ilch und nicht an was anders.
    Google+ shelfinger.eu
    Das Wissen verfolgt mich - doch ich bin schneller!
    0 Mitglieder finden den Beitrag gut.
  6. So. 25.09.2011 19:49 Uhr #6
    User Pic
    DennioWhite Mitglied
    Registriert seit
    27.06.2011
    Beiträge
    26
    Beitragswertungen
    0 Beitragspunkte
    Ne das ist mir schon klar das es an meinen mangelnden html und php kenntnissen liegt.

    ich bekomm es net hin traurig

    hier mal meine Style.css: 


    .a
{
	color: #1871d4;
	
}
.menu
{
	display:block;
  
	color: #1871d4;    // Menubuttonschrift

	font-size: 14px;

	width: 214px;

	height: 30px;

	text-indent: 50px;

	text-decoration: none;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	line-height: 34px;

	background-image: url('images/menu.png');

	background-repeat: no-repeat;
}
.menu:hover
{
	display:block;

	color: #29b3ff;     // menubutton m.over

	font-size: 14px;

	width: 214px;

	height: 30px;

	text-indent: 52px;

	text-decoration: none;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	line-height: 34px;

	background-image: url('images/menuover.png');

	background-repeat: no-repeat;
} 

.title   

{

	font-size: 14px;
	font-weight: bold;
	color: #ffffff;  //news ueberschrift 

}

.login_1

{ 

    color: #1871d4;   // schrift wenn login im header

	background:#FFF url('bilder/login_1.gif') ;

	width: 103px;

	height: 17px;

    border-width: 0px;

    font-weight: normal;

    text-decoration: none;

	text-align: center;

	padding-top: 3px; font-style:normal; font-variant:normal; font-size:12px; font-family:Tahoma

}

.login_2 

{ 

    color: #1871d4;

	background:#a0a0a0 url('bilder/login_2.gif') ;

	width: 103px;

	height: 15px;

    border-width: 0px;

    font-weight: normal;

    text-decoration: none;

	text-align: center; 

	padding-top: 5px; font-style:normal; font-variant:normal; font-size:12px; font-family:Tahoma

}

.login_s

{ 

    background:url('bilder/login_s.gif') ;

	width:40px;

	height:20px;

  	border-width: 0px;

    font-weight: normal;

    text-decoration: none

}

.btitle

{

	color: #1871d4;    // Boxen ueberschrift
	font-weight: bold;
	font-size:14px;

}

.bcontent

{

	margin-left: 10px;

}

 body   

{ 
  background-image: url('images/bg1.gif');			//hintergrund der seite
  
  margin-left:0px;

  margin-right:0px;

  margin-top:0px;

  margin-bottom:0px;

}

td 

{

  font-family: Verdana; 

  font-size: 12px;

  color: #237bdf;    // statistk,news ueberschrift,news inhalt,shoutbox,

}

a

{ 

  color: #237bdf;    // hyperlinks, onlinebox

  font-family: Verdana; 

  font-size: 14px; 

  text-decoration: none;

}

a:hover 

{ 

  color: #0066CC;   // hyperlinks m.over, onlinebox

  text-decoration: none;  

}

a.box 

{ 

  color: #237bdf;    //  loginbox im menu

  font-family: Verdana; 

  font-size: 12px;

  text-decoration: none;

 }

a.box:hover 

{  

  color: #1871d4;   // loginbox im menu m.over

  text-decoration: none;

}

.Chead

{

	background-color: #060606;
        color: #cccccc;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
  		background-image: url('bilder/forenhead.jpg');
        background-repeat: repeat-x
  

}

.Chead td, .Chead td strong, .Chead h4, .Chead td b

{

  color: #237bdf;   // gallery bilderueberschrift

}

.Callg

{

	color: #ff0000;

}

.Callg td

{

  color: ff0000;

}


.Cnorm 

{

	background-color: #060606;	
  	color: #1871d4;

}

.Cmite
{
    		
	background-color: #060606;	
  	color: #1871d4;

}
.mite
{
  background-color: 060606;
  color:#ff00dd;
}
.Cdark

{

  		background-color: #060606;   //foren beitrag-hintergrund, letzter beitrag hintergrund
        color: #cccccc;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
  		background-image: url('bilder/td_bg.jpg');
        background-repeat: repeat-x
}



#Ballg

{

	color: #FF0000;

	background-color: #ff0000;

}

#Ballg td

{

	color: #ff0000;

	background-color: #ff0000;

}

.Bhead

{

	color: #ff0000;

}

.Bbody

{

	color: #ff0000;

}



.smalfont 

{ 

	color: #1871d4;     // forum autordetails schriftfarbe, downloads vorschauTEXTfarbe

    font-size: 13px;

	text-decoration: none; 

}

.smalfont_copyright 

{ 

	color: #ff0000;

    font-size: 13px;

	text-decoration: none; 

}
.dltext

{ 

	color: #dddddd;     // download textfärbe

    font-size: 12px;

	text-decoration: none; 

}
.downloads
{
        background-color: #0b0b0b;
        color: #cccccc;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
  		background-image: url('bilder/td_bg.jpg');
        background-repeat: repeat-x
}

.border 

{

   background-color: #1871d4;   //forum,downloas,gallery usw. hintergrundfarbe 
}
a.border
{
   color: #FFFFFF;
}
.rand
{
  border: 1px solid #1871d4;

}

hr 

{ 
height: 1px;
                border: solid #1871d4 1px;
                border-top-width: 1px;
				width: 100%;
}

input, textarea, select

{ 

    color: #333333;

	background-color: #999999;

    font: 12px  Verdana;  

    border-color: #333333;

  	border-width: 1px;

    border-style: double;  

    font-weight: normal;  

    text-decoration: none;  

}

#menu {}

#menu ul { padding-left: 10px; margin-left: 10px; }

#smallmenu { }

#smallmenu li { font-size: 12px; }

#smallmenu a { font-size: 12px; }


.sbback 
{
    background-color: #575757;
    color:#0b0b0b;
}
.sbback2 
{
    background-color: #6b6b6b;
    color:#0b0b0b;	
}

.content  

{

	font-size: 14px;
	font-weight: bold;
	color: #1871d4;  //news ueberschrift
	
}
.lastbox {
	font-family: Arial, Helvetica, sans-serif;
	color: #a0a0a0;
	padding-top: 1px;
	text-decoration: none;
	font-size: 12px;
	line-height: 9px;


    gesperrtes Bild Bitte Code in den vorgesehenen Tag [code] setzen. Siehe gesperrtes Bild über dem Eingabefeld. Link BBCode Hilfe.
    Gruß Lord|S.


    Zuletzt modifiziert von Lord|Schirmer am 25.09.2011 - 19:54:05
    0 Mitglieder finden den Beitrag gut.
  7. So. 25.09.2011 19:53 Uhr #7
    User Pic
    Tr3icio gelöschter User
    ZitatZitat geschrieben von she

    ZitatZitat geschrieben von jankrug

    Tr3icio scheint in den letzten Tagen etwas zickig zu sein. schockiert


    Verstehen kann man es aber schon, hier werden immer mehr PHP/HTML Anfänger Fragen gestellt. Die man schon in Google einfach nur eintippen kann und schon findet man eine Antwort. Aber die meisten denken halt ich benutze Ilch also liegt es an ilch und nicht an was anders.


    Keine Sorge.
    Muss nur noch etwas entscheiden, danach kommt kein ( dummer ) Post mehr von mir. ( Ihr dürftet wissen was ich meine :-) )

    Und falls unser Koerner das ließt: Da hast du ja nen Grund dich zu freuen.


    Zuletzt modifiziert von Tr3icio am 25.09.2011 - 19:54:24
    0 Mitglieder finden den Beitrag gut.
  8. So. 25.09.2011 22:40 Uhr #8
    User Pic
    oink Mitglied
    Registriert seit
    23.09.2010
    Beiträge
    740
    Beitragswertungen
    227 Beitragspunkte
    also sich beschneiden zu lassen ist kein ding das man auf die leichte schulter nehmen sollte tr3icio, das kann man nich 14 tage später einfach so wieder rückgängig machen.

    also bitte handle nicht zu voreilig zwinker
    before creation there must be destruction
    1 Mitglieder finden den Beitrag gut.
  9. Mo. 26.09.2011 07:43 Uhr #9
    User Pic
    DennioWhite Mitglied
    Registriert seit
    27.06.2011
    Beiträge
    26
    Beitragswertungen
    0 Beitragspunkte
    Ehm ich weiß nicht welche Differenzen ihr zwischen einander habt aber könnten wir beim Thema bleiben und mir vielleicht weiter helfen.

    Ich weiß auch nicht wie ich die Servadresse zum png setzen muss, bei den anderen gibt es angeblich einen Ordner der Bilder heißt was nicht der wahrheit entspricht, solch ein Ordner exestiert nicht. Eine fremdurl hab ich auch schon gesetzt funzt aber auch nicht.


    Zuletzt modifiziert von DennioWhite am 26.09.2011 - 07:44:08
    0 Mitglieder finden den Beitrag gut.
  10. Mo. 26.09.2011 11:16 Uhr #10
    User Pic
    she Mitglied
    Registriert seit
    13.11.2010
    Beiträge
    1.115
    Beitragswertungen
    82 Beitragspunkte
    Wer lesen kann ist klar im Vorteil

    ZitatZitat geschrieben von jankrug

    .Cmite {
    background:url(bilder/transparent-1.png);
}

    Google+ shelfinger.eu
    Das Wissen verfolgt mich - doch ich bin schneller!
    0 Mitglieder finden den Beitrag gut.
  11. Mo. 26.09.2011 13:24 Uhr #11
    User Pic
    DennioWhite Mitglied
    Registriert seit
    27.06.2011
    Beiträge
    26
    Beitragswertungen
    0 Beitragspunkte
    Wow jetzt bin ich schlauer, lol was soll dass? Den Vorwurf kann ich gleich zurück werfen, ich habe danach geschildert das dies nicht funktioniert und ich probleme habe den Ordnerpfad einzufügen.

    Es gibt keinen bilder/ Ordner auf meinen Server, das ist das was mich stutzig macht und das andere ist wie soll ich dann den Pfad genau eingeben?
    Nimm ich ne URL funktionierts nicht, nehm ich den Server pfad funktionierts auch nicht.

    Also ich lad die png in den Ordner wo sich der Style.css befindet...heißt dann der pfad und befehl= background:url(transparent-1.png) ;

    oder doch

    background:url(servername//www.xxx.de/include/Design/......./transparent-1.png
    !was aber bei mir auch nicht funktioniert

    oder beginnt der Pfad im include ordner?

    ich weiß es nicht aber ihr....


    soll ich auch zusätzlich den befehl "background-repeat: repeat-x" mit eingeben?


    Zuletzt modifiziert von DennioWhite am 26.09.2011 - 13:35:58
    0 Mitglieder finden den Beitrag gut.
  12. Mo. 26.09.2011 14:41 Uhr #12
    User Pic
    lostboy2003 Mitglied
    Registriert seit
    09.09.2009
    Beiträge
    283
    Beitragswertungen
    14 Beitragspunkte
    Dann sag mal warum in deiner css datei bilder verlinkt werden über background-image: url('bilder/forenhead.jpg');
    also sollte der ordner eigentlich vorhanden sein .

    ansonsten solltest du 2 bilder ordner haben und zwar image und zwar einmal hier

    externer Link

    und

    externer Link

    mal geschaut ob eventuell in einem der beiden image ordner noch ein ordner namens bilder vorhanden ist .
    lostboy2003.bplaced.net/
    externer Link
    0 Mitglieder finden den Beitrag gut.
  13. Mo. 26.09.2011 15:42 Uhr #13
    User Pic
    DennioWhite Mitglied
    Registriert seit
    27.06.2011
    Beiträge
    26
    Beitragswertungen
    0 Beitragspunkte
    hab ich auch schon, ich kann nachher nochmal gucken aber hab schon aufwendig gesucht, eig. gibt es kein ordner der deutsch ist.

    Aber wenn ich jetzt ne verlinkung zu einer datei die zB hier drin ist www.clan-aov.de/include/images schreiben will, wie soll der link dann aussehen?

    doch nicht background-image: url('www.clan-aov.de/include/images/forenhead.jpg');
    ??????????
    0 Mitglieder finden den Beitrag gut.
  14. Mo. 26.09.2011 15:48 Uhr #14
    User Pic
    Tr3icio gelöschter User
    ZitatZitat geschrieben von DennioWhite

    Ehm ich weiß nicht welche Differenzen ihr zwischen einander habt aber könnten wir beim Thema bleiben und mir vielleicht weiter helfen.


    Oink ist Forentroll. Der hat keine andere Aufgabe hier :-)
    0 Mitglieder finden den Beitrag gut.
  15. Mo. 26.09.2011 15:49 Uhr #15
    User Pic
    oink Mitglied
    Registriert seit
    23.09.2010
    Beiträge
    740
    Beitragswertungen
    227 Beitragspunkte
    also, für euch css dumpfbacken einmal zum mitschreiben

    css bildpfadangaben werden relativ zum eigentlichen css pfad gemacht!

    das heißt in der praxis folgendes:

    www.url.de/include/designs/designname/css/style.css <- ort der css datei
    www.url.de/include/designs/designname/bilder/bild.png <- ort des bildes

    hier muss eure angabe des background images so aussehen

    background-image:url(../bilder/bild.png)

    "../" <- einen ordner hoch, quasi, raus aus css, "bilder/" <- rein in ordner bilder, "bild.png" <- dateiname

    ihr könnt auch eine absolute URL angeben, vergesst hierbei aber nicht das http, denn das ist nur eine bequemlichkeit die euch ein browser in der adresszeile abnimmt

    background-image:url(externer Link

    kapiesche?
    before creation there must be destruction
    1 Mitglieder finden den Beitrag gut.
  16. Mo. 26.09.2011 16:05 Uhr #16
    User Pic
    DennioWhite Mitglied
    Registriert seit
    27.06.2011
    Beiträge
    26
    Beitragswertungen
    0 Beitragspunkte
    Danke das wollt ich wissen lächeln
    Ich habs auch versucht zu google aber bin so net fündig geworden.

    bei den besagte 1 px png soll ich da nen background-repeat: repeat-x drunter setzen?

    wenn man mir die frage noch beantwortet bin ich glücklich zwinker
    0 Mitglieder finden den Beitrag gut.
  17. Mo. 26.09.2011 16:11 Uhr #17
    User Pic
    Lord|Schirmer Administrator
    Registriert seit
    21.03.2007
    Beiträge
    7.634
    Beitragswertungen
    1193 Beitragspunkte
    repeat-x ist halt für die horizontale Wiederholung!

    de.selfhtml.org/css/eigenschaften/anzeige/background_repeat.htm
    rules :: doku :: faq :: linkus
    2 Mitglieder finden den Beitrag gut.
  18. Mo. 26.09.2011 16:32 Uhr #18
    User Pic
    DennioWhite Mitglied
    Registriert seit
    27.06.2011
    Beiträge
    26
    Beitragswertungen
    0 Beitragspunkte
    Also demnach nur der eine Befehl und fertig

    DANKE!
    0 Mitglieder finden den Beitrag gut.
Geschlossen

Zurück zu Design und Templates

Optionen: Bei einer Antwort zu diesem Thema eine eMail erhalten