ilch Forum » Ilch Clan 1.1 » Design und Templates » design aus grafik erstellen

Geschlossen
  1. Di. 13.11.2007 20:03 Uhr #1
    User Pic
    shoki Mitglied
    Registriert seit
    13.11.2007
    Beiträge
    3
    Beitragswertungen
    0 Beitragspunkte
    hi hab ein problem ich hoffe ich bin in dieser sektion richtig


    ich hab jetzt mit gimp ( sowas wie photoshop nur freeware) mal diese grafik hier erstellt:

    gesperrtes Bild

    Wie kann ich diese jetzt zu einem design für mein ilch machen?

    danke für die hilfe

    ich habe auch schon ein programm für html und so und habe da grundliegende kenntnisse die allerdings schon recht eingerostet sind.


    verwendete ilchClan Version: 1.1
    0 Mitglieder finden den Beitrag gut.
  2. Di. 13.11.2007 20:35 Uhr #2
    User Pic
    Jan Hall Of Fame
    Registriert seit
    17.01.2007
    Beiträge
    3.646
    Beitragswertungen
    54 Beitragspunkte
    Erstmal in eine normale html-Datei wandeln und dann das lesen: externer Link .
    0 Mitglieder finden den Beitrag gut.
  3. Mi. 14.11.2007 19:59 Uhr #3
    User Pic
    shoki Mitglied
    Registriert seit
    13.11.2007
    Beiträge
    3
    Beitragswertungen
    0 Beitragspunkte
    hmm hab das jetzt mal angefangen aber folgende probleme:

    1. werden header und footer nicht angezeigt
    2. wird das menü rechts nicht angezeigt
    3. bleiben die umfrage-ergebnisse nicht in der box die ich angefertigt habe, sondern lappen etwas über


    ich poste euch mal hier meine .htm und style.css

    bei der css.style hatte ich keine ahnung, so dass ich die eines anderen designs geholt hab und nur die anpassungen die ich nachvollziehen konnte gemacht habe. 

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>

  


  
  <title>Startseite</title>
  <link rel="stylesheet" type="text/css" href="include/designs/mydesign/style.css">
</head>


<body>


<div id="header">
<h1>{SITENAME}</h1>


<table align="center">


  <tbody>


    <tr>


      <td>
      
      <table style="width: 801px; height: 289px;" border="0" cellpadding="0" cellspacing="0">


        <tbody>


          <tr>


            <td class="header" height="334" valign="top"></td>


          </tr>


        
        </tbody>
      
      </table>


      
      <table style="height: 518px; width: 861px;" border="0" cellpadding="0" cellspacing="0">


        <tbody>


          <tr>


            <td style="width: 114px;" class="links" height="500" valign="top">
            
            <div style="width: 192px;" id="top2"><font><b>&raquo;
            </b>{HMENU}</font></div>


            
            <div id="left_col"> {_list_menunr1@&nbsp;<b class="menu_heading"></b>
            
            <table border="0" cellpadding="0" cellspacing="0" width="100%">


              <tbody>


                <tr style="background: transparent url(include/designs/mydesign/img/box_left_middle.gif) repeat-y scroll left top; -moz-background-clip: initial; -moz-background-origin: initial; -moz-background-inline-policy: initial; height: 12px;">


                  <td style="background: transparent url(include/designs/mydesign/img/box_left_top.gif) no-repeat scroll left top; -moz-background-clip: initial; -moz-background-origin: initial; -moz-background-inline-policy: initial; height: 12px;"><span class="menu_heading">%1</span></td>


                </tr>


                <tr>


                  <td style="background: transparent url(include/designs/mydesign/img/box_left_middle.gif) repeat-y scroll left top; -moz-background-clip: initial; -moz-background-origin: initial; -moz-background-inline-policy: initial;" align="top">%2</td>


                </tr>


                <tr style="background: transparent url(include/designs/mydesign/img/box_left_middle.gif) repeat-y scroll left top; -moz-background-clip: initial; -moz-background-origin: initial; -moz-background-inline-policy: initial; height: 9px;">


                  <td style="background: transparent url(include/designs/mydesign/img/box_left_bottom.gif) no-repeat scroll left bottom; -moz-background-clip: initial; -moz-background-origin: initial; -moz-background-inline-policy: initial; height: 9px;"></td>


                </tr>


              
              </tbody>
            
            </table>


            <br>


} </div>


            </td>


<!-- mitte --> <td style="width: 473px;" class="mitte" valign="top">
            
            <div id="main_col">{EXPLODE}</div>


            </td>


<!-- rechts --> <td style="width: 192px;" class="rechts" valign="center"> {_list_menunr3@
            
            <table border="0" cellpadding="0" cellspacing="0" width="100">


              <tbody>


                <tr style="background: transparent url(include/designs/mydesign/img/box_left_middle.gif) repeat-y scroll left top; -moz-background-clip: initial; -moz-background-origin: initial; -moz-background-inline-policy: initial; height: 12px;">


                  <td style="background: transparent url(include/designs/mydesign/img/box_left_top.gif) no-repeat scroll left top; -moz-background-clip: initial; -moz-background-origin: initial; -moz-background-inline-policy: initial; height: 12px;"></td>


                </tr>


                <tr>


                  <td style="background: transparent url(include/designs/mydesign/img/box_left_middle.gif) repeat-y scroll left top; -moz-background-clip: initial; -moz-background-origin: initial; -moz-background-inline-policy: initial;" align="top">%2</td>


                </tr>


                <tr style="background: transparent url(include/designs/mydesign/img/box_left_middle.gif) repeat-y scroll left top; -moz-background-clip: initial; -moz-background-origin: initial; -moz-background-inline-policy: initial; height: 9px;">


                  <td style="background: transparent url(include/designs/mydesign/img/box_left_bottom.gif) no-repeat scroll left bottom; -moz-background-clip: initial; -moz-background-origin: initial; -moz-background-inline-policy: initial; height: 9px;"></td>


                </tr>


              
              </tbody>
            
            </table>


            <br>


}</td>


          </tr>


        
        </tbody>
      
      </table>


      
      <table style="width: 799px; height: 57px;" border="0" cellpadding="0" cellspacing="0">


        <tbody>


          <tr>


            <td class="footer" align="center" height="45">Copyright&copy; 2007 by shoki</td>


          </tr>


        
        </tbody>
      
      </table>


      </td>


    </tr>


  
  </tbody>
</table>


</div>


<div id="main_col">{EXPLODE}</div>


<br style="clear: both;">


<!--
Der Link darf generell entfernt werden (Lizenz GNU/GPL)
Ich bitte aber darum, aufgrund der extrem vielen Arbeit die in diesem
Script steckt, ilch.de irgendwie mit einem Banner einem Link oder
sonst irgendwie zu unterstuetzen. Danke !!
//-->
<div id="footer">Script Copyright by <a href="http://www.ilch.de/" target="_blank">ilch.de</a></div>


<!--
{_list_DDDmenupoint@
<strong><big>&middot;</big></strong>
<a %1 class="box" href="%2">%3</a>
<br />
}
//--><!-- beispiel:
[null, '%3', '%2', '%1', null|],|,
--><!-- anfang + link |ende |teilende|teilee --><!-- horizontaler menupunkt -->
{_list_hmenupoint@<li><a target="%1" class="box" href="%2">%3</a>|</li>


|<br>


<!-- horizontaler menupunkt anfang -->
|} {_list_hmenubegi@
<ul>


}<!-- horizontaler menupunkt ende --> {_list_hmenuende@
</ul>


<!-- vertikaler menupunkt -->
} {_list_vmenupoint@<li><a target="%1" class="box" href="%2">%3</a>|</li>


|<br>


<ul>


|
</ul>


<!-- vertikaler menupunkt anfang -->
} {_list_vmenubegi@
<ul>


}<!-- vertikaler menupunkt ende --> {_list_vmenuende@
</ul>


}
</body>
</html>


    body {
  margin: 0;
  padding: 0;
  text-align: center;
  background-color: #ab0f10;
  font-size: 12px;
  font-family: Verdana, sans-serif;
}

#wrap {
  position: relative;
  width: 967px;
  text-align: left;
  margin: 0 auto 0 auto;
}

#header {
  background-image: url(include/designs/mydesign/img/header.gif);
  background-repeat: norepeat;
}

#links {
  background-image: url(include/designs/mydesign/img/seite_links.gif);
  background-repeat: norepeat;
  font-weight: bold;
  color: #2C323F;
  font-size: 20px;
  padding-top: 30px;
  padding: 20px;
  

}

#content {
  background: url(img/contentbg.gif);
  background-repeat: repeat;
  width: 964px;
}

#links a:link {color: #000000;}

#links a:visited {color: #000000;}

#links a:link:hover {color: #000000;}

#mitte {
    background-repeat: norepeat;
    background-color: #FFFFFF ; 
    
}

#rechts {
  background-image: url(include/designs/mydesign/img/seite.gif);
  background-repeat: norepeat;
  color: #000000;
  font-size: 15px;
  padding-top: 30px;
  padding: 20px;
  font-family: Arial, Helvetica, sans-serif;
}

#rechts a:link {color: #000000;}

#rechts a:visited {color: #000000;}

#rechts a:link:hover {color: #000000;}

#footer {
  background-image: url(include/designs/mydesign/img/footer.gif);
  height: 75px;
  text-align: center;
  vertical-align: middle;
  }
  
#footer a:link {color: #000000;}

#footer a:visited {color: #000000;}

#footer a:link:hover {color: #000000;}

#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: 10px;
  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: 80px;
  float: left;
  padding-top: 0px;
  padding-left: 7px;
  padding-right: 10px;
  padding-bottom: 0px;
  overflow: hidden;
}
#right_col2 { 
  width: 141px;
  float: left;
  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:10px;
  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 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;  
}



    Zuletzt modifiziert von shoki am 14.11.2007 - 20:00:52
    0 Mitglieder finden den Beitrag gut.
  4. Mi. 14.11.2007 20:00 Uhr #4
    User Pic
    shoki Mitglied
    Registriert seit
    13.11.2007
    Beiträge
    3
    Beitragswertungen
    0 Beitragspunkte
    hier noch die adresse von der seite

    shokibeats.sh.funpic.de/ilch/
    0 Mitglieder finden den Beitrag gut.
Geschlossen

Zurück zu Design und Templates

Optionen: Bei einer Antwort zu diesem Thema eine eMail erhalten