ilch Forum » Ilch Clan 1.1 » Allgemein » Head-Banner als JPEG??

Geschlossen
  1. So. 18.05.2008 12:48 Uhr #1
    User Pic
    LeS Scorpion Mitglied
    Registriert seit
    23.02.2008
    Beiträge
    7
    Beitragswertungen
    0 Beitragspunkte
    Hallo Zusammen,

    wir können bei uns auf der Page den "Head"-Banner (Clan-Logo) nicht als JPEG auf die Page laden. Wir können ihn nur als GIF hochladen, dann ist die Qualität meistens miserabel und der Banner schaut rechts über den Rand raus (egal in was für einer Größe der Banner hochgeladen wurde).

    Wäre super wenn ihr uns ein paar Tipps geben könntet.

    Viele Grüße

    Scorpion


    verwendete ilchClan Version: 1.1
    0 Mitglieder finden den Beitrag gut.
  2. So. 18.05.2008 12:51 Uhr #2
    User Pic
    Lord|Schirmer Administrator
    Registriert seit
    21.03.2007
    Beiträge
    7.680
    Beitragswertungen
    1217 Beitragspunkte
    Die Quelle in der index.htm des Designes ändern!
    rules :: doku :: faq :: linkus
    0 Mitglieder finden den Beitrag gut.
  3. So. 18.05.2008 12:56 Uhr #3
    User Pic
    LeS Scorpion Mitglied
    Registriert seit
    23.02.2008
    Beiträge
    7
    Beitragswertungen
    0 Beitragspunkte
    Danke für die schnelle Antwort.

    Kannst du mir nen Screenshot hier rein posten wie das ganze dann aussehen soll? (wir sind noch ziemliche Anfänger was das Homepage basteln angeht)
    0 Mitglieder finden den Beitrag gut.
  4. So. 18.05.2008 13:13 Uhr #4
    User Pic
    LeS Scorpion Mitglied
    Registriert seit
    23.02.2008
    Beiträge
    7
    Beitragswertungen
    0 Beitragspunkte
    Ich mein wie das in der Index Datei aussehen soll ;-)
    0 Mitglieder finden den Beitrag gut.
  5. So. 18.05.2008 14:05 Uhr #5
    User Pic
    Lord|Schirmer Administrator
    Registriert seit
    21.03.2007
    Beiträge
    7.680
    Beitragswertungen
    1217 Beitragspunkte
    Also ich habe ein bisschen in deinem Quelltext geschnüffelt 

      <div id="header"><h1>Legendary Elite Soldiers</h1></div>

    bedeutet, dass das Banner in der style.css definiert wird!

    öffne mal die style.css in deinem Designordner und suche nach 
    header {
....
}

    dort den Link zum Bild ändern!

    Falls es nicht klappt, poste mal die style.css.
    rules :: doku :: faq :: linkus
    0 Mitglieder finden den Beitrag gut.
  6. Do. 22.05.2008 14:58 Uhr #6
    User Pic
    LeS Scorpion Mitglied
    Registriert seit
    23.02.2008
    Beiträge
    7
    Beitragswertungen
    0 Beitragspunkte
    Wir bekommen es nicht in!

    das ist die Style.css 

    *
  css Datei copyright by ilch.de
  erstellt von scaRFhogg
  seite: www.daiwai.de

  --

  Design copyright by ilch.de
  erstellt von fanguro
  seite: www.zurro.de

  --

  Support auf www.ilch.de
*/

body {
  margin: 0;
  padding: 0;
  text-align: center;
  background-color: #4A4849;
  font-size: 12px;
  font-family: Verdana, sans-serif;
}
#wrap {
  position: relative;
  width: 810px;
  text-align: left;
  margin: 0 auto 0 auto;
}
#top {
  background: url(img/top.gif);
  height: 67px;
}
#header {
  background: url(img/logo.gif);
  height: 153px;
  text-align: center;
  vertical-align:middle;
}
#header h1 {
  display: inline;
  position: absolute;
  top: 110px; left: 100px;
  color: #fff;
  font-family: 'Trebuchet MS';
  font-weight: normal;
  font-size: 24px;
}
#top2 {
  background: url(img/top2.gif);
  height: 31px;
}
#top2 font {
  display: inline;
  position: absolute;
  left: 172px;
  margin-top: 2px;
  font-size: 10px;
	text-decoration: none;
}
#content {
  background: url(img/contentbg.gif);
  background-repeat: repeat;
  width: 810px;
}
#footer {
  background: url(img/footer.gif);
  height: 33px;
  text-align: center;
  vertical-align: middle;
}
#left_col {
  width: 158px;
  float: left;
  padding-top: 0px;
  padding-left: 9px;
  padding-right: 18px;
  padding-bottom: 0px;
  color: #fff;
  overflow: hidden;
}

#left_col .Cmite, #left_col .Cnorm, #left_col .Cdark {
  color: #000000;
}

#left_col a {
  color: #CCCCCC;
}

#left_col .menu_heading
{
  color: #000;
  display:block;
  letter-spacing: 1px;
  font-size: 11px;
  padding: 0  0 3px 5px;
}

#main_col {
  width: 440px;
  float: left;
  padding-top: 0px;
  padding-left: 5px;
  padding-right: 20px;
  padding-bottom: 0px;
  clear: none;
  min-height: 100px;
  overflow: auto;
}
#right_col1 {
  width: 141px;
  float: left;
  padding-top: 0px;
  padding-left: 7px;
  padding-right: 10px;
  padding-bottom: 0px;
  overflow: hidden;
}
#right_col2 {
  width: 141px;
  float: right;
  padding-top: 0px;
  padding-left: 0px;
  padding-right: 14px;
  padding-bottom: 0px;
  overflow: hidden;
}

#right_col1 .menu_heading,
#right_col2 .menu_heading
{
  color:#fff;
  font-size:11px;
  letter-spacing: 1px;
}

#left_col ul
{
  padding: 0;
  margin: 0;
  list-style: inside url(img/box_menu_pfeil.gif);
  width: 149px;
}

#left_col li
{
  margin:0;
  padding: 5px 0 0 2px;
  background: url(img/box_menu_trennlinie.gif) no-repeat bottom;
}

#left_col li ul
{
  width: 146px;
  background: url(img/box_menu_trennlinie.gif) no-repeat top;
}

#left_col li li
{
    padding-left: 16px;
}
#left_col li a
{
  color: #fff;
  padding-left: 8px;
  font-size: 11px;
  font-weight: normal;
  text-decoration: none;
}

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

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

a:hover
{
  text-decoration: none;
}

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

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

.Chead
{
  background: #16639b;
  color: #9dbdd4;
}

.Chead a
{
  color: #9dbdd4;
}

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

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

.Callg td
{
  color: #000000;
}

.Cnorm
{
  background-color: #e5e5e5;
}
.Cmite
{
  background-color: #B4C6D8;
}
.Cdark
{
  background-color: #9AB1C8;
}

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

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

.border
{
   background-color: #185685;
}
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;
}



    diesen banner hätten wir gerne integriert!
    externer Link

    was müsse wir genau machen. wäre super wenn du uns das erklären könntest!
    0 Mitglieder finden den Beitrag gut.
  7. Do. 22.05.2008 15:31 Uhr #7
    User Pic
    Lord|Schirmer Administrator
    Registriert seit
    21.03.2007
    Beiträge
    7.680
    Beitragswertungen
    1217 Beitragspunkte
    Dein Bild ist nicht erreichbar!

    Wie ich schon geschrieben habe, wird das Bild als header definiert, was bedeutet, das dort das Bild geändert werden muss:

    aktueller header 
    #header { 
  background: url(img/logo.gif); 
  height: 153px; 
  text-align: center; 
  vertical-align:middle;


    kopiere dein neues Banner img_157.jpeg in folgenden Ordner:
    www.les-clan.de/include/designs/ilchClan/img/
    also dort wo das logo.gif drin ist!

    und ändere header in: 
    #header { 
  background: url(img/img_157.jpeg); 
  height: 153px; 
  text-align: center; 
  vertical-align:middle;


    Fertig!
    PS: Die Ausmaße sollte die gleiche sein!
    rules :: doku :: faq :: linkus
    0 Mitglieder finden den Beitrag gut.
  8. Do. 22.05.2008 16:00 Uhr #8
    User Pic
    LeS Scorpion Mitglied
    Registriert seit
    23.02.2008
    Beiträge
    7
    Beitragswertungen
    0 Beitragspunkte
    Das Header ist jetzt auf der Page, aber wie halt :-(

    www.les-clan.de

    Der neue Header hat aber die gleiche Größe wie der alte, hast du dafür eine Erklärung?

    Hast du ICQ oder MSN, dann können wir besser komunizieren und müssen hier nicht tausend mal posten.

    Danke

    Scorpi


    Zuletzt modifiziert von LeS Scorpion am 22.05.2008 - 16:02:02
    0 Mitglieder finden den Beitrag gut.
  9. Do. 22.05.2008 16:46 Uhr #9
    User Pic
    Lord|Schirmer Administrator
    Registriert seit
    21.03.2007
    Beiträge
    7.680
    Beitragswertungen
    1217 Beitragspunkte
    Sieht doch nicht verkehrt aus!

    Nimm das original Bild als Grundlage, besonders die Ränder und setze dein Bild darüber, gruppiere beide und fertig!

    Dann spasst es perfekt!
    rules :: doku :: faq :: linkus
    0 Mitglieder finden den Beitrag gut.
  10. Do. 22.05.2008 16:56 Uhr #10
    User Pic
    LeS Scorpion Mitglied
    Registriert seit
    23.02.2008
    Beiträge
    7
    Beitragswertungen
    0 Beitragspunkte
    Jop habens hinbekommen.

    Vielen Dank ;-)

    Scorpi
    0 Mitglieder finden den Beitrag gut.
  11. Do. 22.05.2008 20:53 Uhr #11
    User Pic
    Freixi Mitglied
    Registriert seit
    17.05.2008
    Beiträge
    124
    Beitragswertungen
    0 Beitragspunkte
    Hallo..

    Es gibt noch die moeglichkeit wenn die qualitaet beibehalten werden soll einfach die bilderendungen direkt von .jpg auf .gif umbenennen. Dann natuerlich die links in den templatecode anpassen und die grafiken haben kein verlust oder verschiebung mehr.. Ich hab es so bei einigen dateien gemacht und es funzt 1A.

    Kann auch natuerlich auch am server liegen wenn er diese auch unterstuezt, ihr koent ja testen, eine .jpg datei vor ort als .gif umbenennen und hochladen ob sie auch angezeigt wird..

    Gruesse aus den Sonnigen Portugal

    Freixi
    Viele gruesse aus den Sonnigen Portugal

    Freixi
    0 Mitglieder finden den Beitrag gut.
Geschlossen

Zurück zu Allgemein

Optionen: Bei einer Antwort zu diesem Thema eine eMail erhalten