ilch Forum » Ilch Clan 1.1 » Allgemein » Transparentes design

Geschlossen
  1. Fr. 01.06.2012 10:48 Uhr #1
    User Pic
    steven1233 Mitglied
    Registriert seit
    31.08.2010
    Beiträge
    10
    Beitragswertungen
    0 Beitragspunkte
    hallo leute heute plagt auchmir mal ein problem ich wollte das ddv 5 design tranzparent gestallten und mit ein hintergrund bild belegen so alles bilder habe ich per photoshop schon auf 70 % transparent gemacht aber nun weiter das eigendliche hintergrund bild kommt nicht herfor was mache ich verkehrt
    bitte helft mir bekomme schon kopf aua
    0 Mitglieder finden den Beitrag gut.
  2. Fr. 01.06.2012 11:55 Uhr #2
    User Pic
    WDTeamWarLord Mitglied
    Registriert seit
    17.01.2009
    Beiträge
    539
    Beitragswertungen
    46 Beitragspunkte
    Die Bilder sind aber alle als .png gespeichert. Oder? Poste mal Link zur Seite.
    WDesign
    0 Mitglieder finden den Beitrag gut.
  3. Fr. 01.06.2012 12:11 Uhr #3
    User Pic
    steven1233 Mitglied
    Registriert seit
    31.08.2010
    Beiträge
    10
    Beitragswertungen
    0 Beitragspunkte
    jo sind alle als png externer Link
    0 Mitglieder finden den Beitrag gut.
  4. Fr. 01.06.2012 12:23 Uhr #4
    User Pic
    glueckspilz Mitglied
    Registriert seit
    08.10.2009
    Beiträge
    302
    Beitragswertungen
    19 Beitragspunkte
    War der Hintergrund der einzelnen .png Dateien überhaupt transparent?

    Hast du es schonmal mit CSS probiert? Ist weniger unschön als diese .png Lösung. Wird für dich aber mit etwas mehr Arbeit verbunden sein... Probiere es einfach mal aus zwinker
    Wir sind wieder online! zwinker
    externer Link
    externer Link
    0 Mitglieder finden den Beitrag gut.
  5. Fr. 01.06.2012 12:26 Uhr #5
    User Pic
    steven1233 Mitglied
    Registriert seit
    31.08.2010
    Beiträge
    10
    Beitragswertungen
    0 Beitragspunkte
    also habe es schon mal mit der css probiert hatt aber nicht gefunzt bin in diesen gebiet noch ganz am anfang
    kann mir jemand vieleicht die css und die index htm anpassen das es geht ich habe erlich gesagt nicht so viel anung
    oder mir ne gute anleitung geben reicht auch schon

    Zuletzt modifiziert von steven1233 am 01.06.2012 - 12:50:25
    0 Mitglieder finden den Beitrag gut.
  6. Fr. 01.06.2012 12:53 Uhr #6
    User Pic
    Blaubaer Mitglied
    Registriert seit
    24.10.2009
    Beiträge
    331
    Beitragswertungen
    33 Beitragspunkte
    in deiner index.htm steht in

    zeile 116-123 

    body {
  color: #FF6600;
  margin: 0;
  padding: 0;
  background:url(img/bg.jpg);background-repeat:no-repeat; background-attachment:fixed; padding:0px; }
  font-size: 12px;
  font-family: Verdana, sans-serif;
}



    das musst du komplett da raus löschen

    dann öffnest du deine Style.css und suchst nach 

    body {
  color: #FF6600;
  margin: 0;
  padding: 0;
  background:url(img/bg.png);background-repeat:no-repeat; background-attachment:fixed; padding:0px; }
  font-size: 12px;
  font-family: Verdana, sans-serif;
}


    und ersetzt das hiermit 

    body
       {
        margin : 0 auto;
	background-position: top center;
	background-image:url(img/bg.png);
	background-repeat: no-repeat;
	background-color:#000;
	background-attachment:fixed;
	color:#FF6600;
	}



    und schon sollte es funktionieren lächeln
    0 Mitglieder finden den Beitrag gut.
  7. Fr. 01.06.2012 12:56 Uhr #7
    User Pic
    steven1233 Mitglied
    Registriert seit
    31.08.2010
    Beiträge
    10
    Beitragswertungen
    0 Beitragspunkte
    thx pro biere es gleich mal aus
    0 Mitglieder finden den Beitrag gut.
  8. Fr. 01.06.2012 13:00 Uhr #8
    User Pic
    Blaubaer Mitglied
    Registriert seit
    24.10.2009
    Beiträge
    331
    Beitragswertungen
    33 Beitragspunkte
    seh gerade das du dir irgend welche sachen zusammen kopiert hast
    und der pfad zum Background bild nicht stimmt

    richtig wäre 

    body
       {
        margin : 0 auto;
    background-position: top center;
    background-image:url(Bilder/bg.png);
    background-repeat: no-repeat;
    background-color:#000;
    background-attachment:fixed;
    color:#FF6600;
    }


    dann sollte es dir richtig angezeigt werden
    0 Mitglieder finden den Beitrag gut.
  9. Fr. 01.06.2012 13:04 Uhr #9
    User Pic
    steven1233 Mitglied
    Registriert seit
    31.08.2010
    Beiträge
    10
    Beitragswertungen
    0 Beitragspunkte
    so habe beides gemacht geht immer noch nicht werde mal die originale css reinsetzen und es noch mal machen
    0 Mitglieder finden den Beitrag gut.
  10. Fr. 01.06.2012 13:10 Uhr #10
    User Pic
    steven1233 Mitglied
    Registriert seit
    31.08.2010
    Beiträge
    10
    Beitragswertungen
    0 Beitragspunkte
    so danke hat gefunzt ganz lieben dank
    0 Mitglieder finden den Beitrag gut.
  11. Fr. 01.06.2012 13:10 Uhr #11
    User Pic
    Blaubaer Mitglied
    Registriert seit
    24.10.2009
    Beiträge
    331
    Beitragswertungen
    33 Beitragspunkte
    ok wenn 2 mal body in der style.css definiert ist ist kann es auch nicht funktionieren nimm mal diese style.css 

    
body
    {
    margin : 0 auto;
    background-position: top center;
    background-image:url(Bilder/bg.png);
    background-repeat: no-repeat;
    background-color:#000;
    background-attachment:fixed;
    color:#FF6600;
    }

.transparenz50 {
  opacity: .5; /*aktuelle Browser*/
  -moz-opacity:0.5; /*frühe Feuerfüchse*/
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /*IE 8*/
  filter: alpha(opacity=50); /*IE 5-7*/
  -khtml-opacity: 0.5; /*Safari 1.X*/
}

.menu
{
   display:block;
   color: #c10000;    // Menubuttonschrift
   font-size: 11px;
   width: 190px;
   height: 25px;
   text-indent: 54px;
   text-decoration: none;
   line-height: 30px;
   background-image: url('Bilder/button.png');
   background-repeat: no-repeat;
}

.menu:hover
{
   display:block;
   color: #c10000;     // menubutton m.over
   font-size: 11px;
   width: 190px;
   height: 25px;
   text-indent: 56px;
   text-decoration: none;
   line-height: 30px;
   background-image: url('Bilder/hbutton.png');
   background-repeat: no-repeat;
} 

.title

{
	color: #c10000;
}

.login_1
{ 
    color: #c10000;
	text-align: center;
}

.login_2 
{ 
    color: #FFFFFF;
}


.btitle
{
	color: #ffffff;
	font-size: 13px;
}

td 
{
  color: #cccccc;
  font-size: 10px;
}

a
{ 
  color: #c10000; 
}

a:hover 
{ 
  color: #FFFFFF;
}

a.box:active { 
    color:#c10000; 
    text-decoration:underline;
}

a.box 
{ 
  color: #666666; 
}

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

.Chead
{
  background-color: #0b0b0b;
        color: #cccccc;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 11px;
  		background-image: url('Bilder/td_bg.png');
        background-repeat: repeat-x;
}

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

.Callg
{
	color: #666666;
}

.Callg td
{
  color: #666666;
}

.Cmite
{ 
  color:#ffffff;
  background-color: #666666;
}

#Ballg
{
	color: #ffffff;
	background-color: #111111;
}

#Ballg td
{
	color: #666666;
	background-color: #111111;
}

.Bhead
{
	color: #000000;
}

.Bbody
{
	color: #ffffff;
}

.smalfont 
{ 
	color: #ffffff;
	text-decoration: none; 
}

.smalfont_copyright 
{ 
	color: #FFFFFF;
	text-decoration: none; 
}

.border 
{ 
    background-color: #333333;
}

input, textarea, select
{ 
    color: #c10000;
	background-color: #666666;
    border-color: #333333;
    text-decoration: none;  
}


#header 
{
	background-image: url(img/bg1.gif);
}

.hmenu 
{
	font-family: Arial, Helvetica, sans-serif;
	color: #c10000;
	font-size: 18px;
	text-decoration: none;
	width: 650px;
	text-align: center;
}

.explode 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #c10000;
	text-decoration: none;
}

.boxes_right 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	text-decoration: none;
}

.boxes_right_hmenu 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #CCCCCC;
	text-decoration: none;
	padding-top: 10px;
}

.boxes_right_abstand {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #CCCCCC;
	text-decoration: none;
	padding-top: 6px;
}

.menu_botton:hover
{
	color:#FFFFFF;
	font-size:14px;
	background:url(Bilder/button.png) no-repeat;
	display:block;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	padding-top: 4px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 40px;
	vertical-align: middle;
}

.menu_botton
{
	color:#FFFFFF;
	font-size:14px;
	background:url(Bilder/button.png) no-repeat;
	display:block;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	padding-top: 4px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 40px;
	vertical-align: middle;
}

.menue 
{
	padding-left: 13px;
}

select 
{
	color: #cccccc;
	font-weight: normal;
	text-decoration: none;
	padding: 2px;
	word-spacing: 1px;
	margin: 1px;
	border: 1px inset #666666;
	font-family: Verdana;
	font-size: 12px;
	background-image: url(http://localhost/cms/ilch/include/designs/pb_free/Bilder/pb_freetemplate_01.jpg);
	background-position: center center;
}

input, textarea 
{
	color: #0b0b0b;
	font-weight: none;
	text-decoration: none;
	background-color: #989898;
	padding: 2px;
	word-spacing: 1px;
	margin: 1px;
	border: 1px inset #666666;
	font-family: Verdana;
	font-size: 12px;
}

.Chead td, .Chead td strong, .Chead h4, .Chead td b
{
  color: #cccccc;
}
a.Chead
{
color:#FFFFFF;
}

.Callg
{
  background-color: #EFEFEF;
        color: #0b0b0b;
}

.Callg td
{
  color: #CCCCCC;
}

.Cnorm
{
  background-color: #000000;
  color: #cccccc;
}
.Cmite
{
  background-color: #000000;
  color:#cccccc;
}
.mite
{
  background-color: #000000;
  color:#ff00dd;
}
.Cdark
{
  		background-color: #0b0b0b;   //foren beitrag-hintergrund, letzter beitrag hintergrund
        color: #cccccc;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 11px;
  		background-image: url('Bilder/td_bg.jpg');
        background-repeat: repeat-x
}

#Ballg
{
        color: #0b0b0b;
}

#Ballg td
{
        color: #0b0b0b;
}

.Bhead
{
  background-color: #c10000;
        color: #FFFFFF;
}
.Bbody
{
  background-color: #c10000;
        color: #0b0b0b;
}

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


.hmenu a.smalfont
{
        font-size: 11px;
        text-decoration: none;
                color:#c10000;
        font-family: Arial, Helvetica, sans-serif;
        line-height: 16px;
        height:20px;
        
}
a.hmenu
{
        font-size: 11px;
        text-decoration: none;
                color:#FFFFFF;
        font-family: Arial, Helvetica, sans-serif;
        line-height: 10px;
        height:20px;
        
}
.cbg1
{		
		color:#666666;
        font-size: 9px;
        text-decoration: none;
        font-family: Arial, Helvetica, sans-serif;
        line-height: 10px;
        height:20px;
        
}
.deinemudda
{		
		color:#CCCCCC;
        font-size: 11px;
        text-decoration: none;
        font-family: Arial, Helvetica, sans-serif;        
}
.smalfont
{		
		color:#989898;
        font-size: 10px;
        text-decoration: none;
        font-family: Arial, Helvetica, sans-serif;
        line-height: 10px;
        height:20px;
        
}
a.smalfont
{
        font-size: 11px;
        text-decoration: none;
                color:#666666;
        font-family: Arial, Helvetica, sans-serif;
        line-height: 10px;
        height:20px;
        
}

a.box
{
	font-family: Arial, Helvetica, sans-serif;
	color: #c10000;
	font-size: 11px;
}

.border
{
   background-color: #c10000;
}
a.border
{
   color: #FFFFFF;
}




.lastforum {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	padding-top: 8px;
	text-decoration: none;
	font-size: 11px;
	line-height: 5px;
}

.lastbox {
	font-family: Arial, Helvetica, sans-serif;
	color: #999999;
	padding-top: 8px;
	text-decoration: none;
	font-size: 11px;
	line-height: 19px;
}

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

.lastbox {
	font-family: Arial, Helvetica, sans-serif;
	color: #a0a0a0;
	padding-top: 0px;
	text-decoration: none;
	font-size: 11px;
	line-height: 11px;
}
    0 Mitglieder finden den Beitrag gut.
  12. Fr. 01.06.2012 13:11 Uhr #12
    User Pic
    steven1233 Mitglied
    Registriert seit
    31.08.2010
    Beiträge
    10
    Beitragswertungen
    0 Beitragspunkte
    mit der originallen css hatt es gefunzt mit deiner anleitung nochmals ganz lieben dank für die superr schnelle hilfe
    0 Mitglieder finden den Beitrag gut.
  13. Fr. 01.06.2012 13:12 Uhr #13
    User Pic
    Blaubaer Mitglied
    Registriert seit
    24.10.2009
    Beiträge
    331
    Beitragswertungen
    33 Beitragspunkte
    Kein Problem hab ich doch gerne gemacht lächeln
    0 Mitglieder finden den Beitrag gut.
Geschlossen

Zurück zu Allgemein

Optionen: Bei einer Antwort zu diesem Thema eine eMail erhalten