ilch Forum » Allgemein » Design- und Projektvorstellungen » Freedesign4 Ilch

Geschlossen
  1. #1
    User Pic
    Klo Deckel Mitglied
    Registriert seit
    09.11.2006
    Beiträge
    337
    Beitragswertungen
    0 Beitragspunkte
    Hallo Leute,

    ich habe mich seid langer zeit mal wieder an ein Design gesetzt. Es soll ein Freedesign für Ilch werden. Ich bitte um konstruktive Kritik und Verbesserungsvorschläge.

    Hierkönnt ihr es sehen. Wie man sieht ist noch einiges zu tun aber ich wollte es euch schonmal zeigen. Vielleicht könnte ein Coder unter euch mal gucken ob da irgendwas falsch ist da irgendwie der Content direkt in der Mitte ist...

    So und hier auch nochmal das News Template. *Klick*.

    Mit freundlichen Grüßen

    Klo Deckel

    betroffene Homepage: crolles.cr.funpic.de/ilchClan11k/
    0 Mitglieder finden den Beitrag gut.
  2. #2
    User Pic
    vollstr3cker Mitglied
    Registriert seit
    12.02.2007
    Beiträge
    1.399
    Beitragswertungen
    0 Beitragspunkte
    bei dem news-template würd ich dem text erstmal in alle richjzungen mehr platz lassen. außerdem könntest du die überschrift noch mehr hervorheben. die buttons würd ich unter den kasten setzen und auch nicht so irgendwie in der mitte platziert sondern schöner ausgerichtet. allgemeine news sieht vielleicht auch besser aus wenns oben ist.

    im design würd ich den clanname und slogan größer machen und auch in den blauen header setzen. mit der navi stimmt irgendwas auch noch nicht so ganz.
    dioe boxentitel würd ich nen tick größer machen, fett und weiß.
    den content könnte man auich noch ein bisschen heller machen aber nicht so grau.
    ####################
    ## hier geht's zu apex designs,
    # meinem digitalen Portfolio
    0 Mitglieder finden den Beitrag gut.
  3. #3
    User Pic
    Chapter Hall Of Fame
    Registriert seit
    21.10.2007
    Beiträge
    5.951
    Beitragswertungen
    226 Beitragspunkte
    und der content ist nicht immer oben. wenn der inhalt zu kurz ist, schiebt sich der inhalt nach unten.
    Spamming, sinnlose Beiträge, Pushing, Doppelposting und Werbung sind verboten
    www.engelsblut-saarland.com
    0 Mitglieder finden den Beitrag gut.
  4. #4
    User Pic
    Klo Deckel Mitglied
    Registriert seit
    09.11.2006
    Beiträge
    337
    Beitragswertungen
    0 Beitragspunkte
    Jo ich weis chapter, das ist mein Problem -.-. Vielleicht kennst sich da ja einer aus und kennt mein Problem?

    MfG
    0 Mitglieder finden den Beitrag gut.
  5. #5
    User Pic
    MVN050 Mitglied
    Registriert seit
    20.09.2008
    Beiträge
    1.273
    Beitragswertungen
    29 Beitragspunkte
    jo geht ganz einfach

    einfach die tabellenausrichtung auf OBEN stellen
    hast bestimmt auf mitte
    0 Mitglieder finden den Beitrag gut.
  6. #6
    User Pic
    Chapter Hall Of Fame
    Registriert seit
    21.10.2007
    Beiträge
    5.951
    Beitragswertungen
    226 Beitragspunkte
    poste mal bitte deine index.htm.
    Spamming, sinnlose Beiträge, Pushing, Doppelposting und Werbung sind verboten
    www.engelsblut-saarland.com
    0 Mitglieder finden den Beitrag gut.
  7. #7
    User Pic
    Lorp_Oo Mitglied
    Registriert seit
    02.10.2007
    Beiträge
    274
    Beitragswertungen
    0 Beitragspunkte
    Finde es ganz gut, bloß die Navi (links) könnten bg vertragen und die Horizontale-Menü-Schrift bischen tiefer, und der Header ist ein bischen zu hoch (also alles über dem blauen header, das schwartze nimmt zuviel platz weg).

    Für ein Freetemplate N1ce.

    mfg
    0 Mitglieder finden den Beitrag gut.
  8. #8
    User Pic
    Klo Deckel Mitglied
    Registriert seit
    09.11.2006
    Beiträge
    337
    Beitragswertungen
    0 Beitragspunkte
    Danke für das Comment Lorp zwinker.

    @MVN Danke auch an dich aber leider ist alles auf center und top traurig. Trotzdme danke zwinker.

    @Chapter:

    Hier die index.htm

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
    <title>{TITLE}</title>
    <link rel="stylesheet" type="text/css" href="include/designs/multigaming_blau/style.css" />
    <style type="text/css">
    img {
    border: 0;
    }
    </style>
    </head>
    
    <body style="margin: 0; background-color: #101010;">
    <div align="center">
    <table width="1000" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td width="1000" height="350" align="center" valign="top"><img src="include/designs/multigaming_blau/Bilder/Design_01.png" width="1000" height="350" alt="Header" /></td>
      </tr>
    </table>
    <table width="1000" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td width="143" height="28" align="center" valign="top"><a href="#" onMouseover="showit(0)"><img src="include/designs/multigaming_blau/Bilder/Design_02.png" width="143" height="28" alt="MainNavigation" /></a></td>
        <td width="140" height="28" align="center" valign="top"><a href="#" onMouseover="showit(1)"><img src="include/designs/multigaming_blau/Bilder/Design_03.png" width="140" height="28" alt="ClanNavigation" /></a></td>
        <td width="221" height="28" align="center" valign="top"><a href="#" onMouseover="showit(2)"><img src="include/designs/multigaming_blau/Bilder/Design_04.png" width="221" height="28" alt="MediaNavigation" /></a></td>
        <td width="496" height="28" align="center" valign="top"><img src="include/designs/multigaming_blau/Bilder/Design_05.png" width="496" height="28" /></td>
      </tr>
    </table>
    <table width="1000" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td width="61" height="27" align="center" valign="top"><img src="include/designs/multigaming_blau/Bilder/Design_06.png" width="61" height="27" alt="SubNavi" /></td>
        <td width="939" height="27" align="left" valign="middle" background="include/designs/multigaming_blau/Bilder/Design_07.png">
    
    <div id="describe" style="width:939px;height:27px" onMouseover="clear_delayhide()" onMouseout="resetit(event)"></div>
    
    
    <script language="JavaScript1.2">
    
    /*
    Tabs Menu (mouseover)- By Dynamic Drive
    For full source code and more DHTML scripts, visit http://www.dynamicdrive.com
    This credit MUST stay intact for use
    */
    
    var submenu=new Array()
    
    //Set submenu contents. Expand as needed. For each content, make sure everything exists on ONE LINE. Otherwise, there will be JS errors.
     
    submenu[0]='<a href="?news">» Home</a>   <a href="?kalender">» Kalender</a>   <a href="?contact"> » Kontakt</a>   <a href="?impressum">» Impressum</a>'
    
    submenu[1]='<a href="?teams">» Squads</a>   <a href="?fightus">» Fight Us!</a>   <a href="?joinus"> » Join Us!</a>   <a href="?wars">» Wars</a>   <a href="?rules">» Regeln</a>   <a href="?history">» History</a>'
    
    submenu[2]='<a href="?forum">» Forum</a>   <a href="?user">» Mitglieder</a>   <a href="?links"> » Links</a>   <a href="?downloads">» Downloads</a>   <a href="?gallery">» Gallerie</a>'
    
    
    //Set delay before submenu disappears after mouse moves out of it (in milliseconds)
    var delay_hide=500
    
    /////No need to edit beyond here
    
    var menuobj=document.getElementById? document.getElementById("describe") : document.all? document.all.describe : document.layers? document.dep1.document.dep2 : ""
    
    function showit(which){
    clear_delayhide()
    thecontent=(which==-1)? "" : submenu[which]
    if (document.getElementById||document.all)
    menuobj.innerHTML=thecontent
    else if (document.layers){
    menuobj.document.write(thecontent)
    menuobj.document.close()
    }
    }
    
    function resetit(e){
    if (document.all&&!menuobj.contains(e.toElement))
    delayhide=setTimeout("showit(-1)",delay_hide)
    else if (document.getElementById&&e.currentTarget!= e.relatedTarget&& !contains_ns6(e.currentTarget, e.relatedTarget))
    delayhide=setTimeout("showit(-1)",delay_hide)
    }
    
    function clear_delayhide(){
    if (window.delayhide)
    clearTimeout(delayhide)
    }
    
    function contains_ns6(a, b) {
    while (b.parentNode)
    if ((b = b.parentNode) == a)
    return true;
    return false;
    }
    
    </script>
        </td>
      </tr>
    </table>
    <table width="1000" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td width="216" rowspan="2" align="center" valign="top">
        {_list_menunr1@
        <table width="216" border="0" cellspacing="0" cellpadding="0">
          <tr>
            <td width="216" height="35" align="center" valign="middle" background="include/designs/multigaming_blau/Bilder/Design_08.png"><table width="96%" border="0" cellspacing="0" cellpadding="0">
              <tr>
                <td align="left" valign="top">%1</td>
              </tr>
            </table></td>
          </tr>
          <tr>
            <td width="216" align="center" valign="top" background="include/designs/multigaming_blau/Bilder/Design_14.png"><table width="98%" border="0" cellspacing="0" cellpadding="0">
              <tr>
                <td valign="top">%2</td>
              </tr>
            </table></td>
          </tr>
          <tr>
            <td width="216" height="11" align="center" valign="top"><img src="include/designs/multigaming_blau/Bilder/Design_20.png" width="216" height="11" alt="LinkeBoxBottom" /></td>
          </tr>
        </table>
        }
        </td>
        <td width="283" align="center" valign="top"><table width="283" border="0" cellspacing="0" cellpadding="0">
          <tr>
            <td width="283" height="26" align="center" valign="top"><img src="include/designs/multigaming_blau/Bilder/Design_09.png" width="283" height="26" alt="LastNews" /></td>
          </tr>
          <tr>
            <td width="283" height="108" align="center" valign="top" background="include/designs/multigaming_blau/Bilder/Design_12.png"><table width="96%" border="0" cellspacing="0" cellpadding="0">
              <tr>
                <td align="left" valign="top">{_boxes_LASTNEWS}</td>
              </tr>
            </table></td>
          </tr>
          <tr>
            <td width="283" height="9" align="center" valign="top"><img src="include/designs/multigaming_blau/Bilder/Design_16.png" width="283" height="9" alt="LastNewsBottom" /></td>
          </tr>
        </table></td>
        <td width="285" align="center" valign="top"><table width="285" border="0" cellspacing="0" cellpadding="0">
          <tr>
            <td width="285" height="26" align="center" valign="top"><img src="include/designs/multigaming_blau/Bilder/Design_10.png" width="285" height="26" alt="LastWars" /></td>
          </tr>
          <tr>
            <td width="285" height="108" align="center" valign="top" background="include/designs/multigaming_blau/Bilder/Design_13.png"><table width="94%" border="0" cellspacing="0" cellpadding="0">
              <tr>
                <td>{_boxes_LASTWARS}</td>
              </tr>
            </table></td>
          </tr>
          <tr>
            <td width="285" height="9" align="center" valign="top"><img src="include/designs/multigaming_blau/Bilder/Design_17.png" width="285" height="9" alt="LastWarsBottom" /></td>
          </tr>
        </table></td>
        <td width="216" rowspan="2" align="center" valign="top">
        {_list_menunr2@
        <table width="216" border="0" cellspacing="0" cellpadding="0">
          <tr>
            <td width="216" height="35" align="center" valign="middle" background="include/designs/multigaming_blau/Bilder/Design_11.png"><table width="96%" border="0" cellspacing="0" cellpadding="0">
              <tr>
                <td align="left" valign="top">%1</td>
              </tr>
            </table></td>
          </tr>
          <tr>
            <td width="216" align="center" valign="top" background="include/designs/multigaming_blau/Bilder/Design_15.png"><table width="98%" border="0" cellspacing="0" cellpadding="0">
              <tr>
                <td valign="top">%2</td>
              </tr>
            </table></td>
          </tr>
          <tr>
            <td width="216" height="11" align="center" valign="top"><img src="include/designs/multigaming_blau/Bilder/Design_22.png" width="216" height="11" alt="RechtsBoxBottom" /></td>
          </tr>
        </table>
        }
        </td>
      </tr>
      <tr>
        <td colspan="2" align="center" valign="top" width="568"><table width="568" border="0" cellspacing="0" cellpadding="0">
          <tr>
            <td width="568" height="14" align="center" valign="top" background="include/designs/multigaming_blau/Bilder/Design_18.png">&nbsp;</td>
          </tr>
          <tr>
            <td width="568" height="85" align="center" valign="top" background="include/designs/multigaming_blau/Bilder/Design_19.png"><table width="98%" border="0" cellspacing="0" cellpadding="0">
              <tr>
                <td align="left" valign="top">{EXPLODE}</td>
              </tr>
            </table></td>
          </tr>
          <tr>
            <td width="568" height="11" align="center" valign="top"><img src="include/designs/multigaming_blau/Bilder/Design_21.png" width="568" height="11" alt="ContentBottom" /></td>
          </tr>
        </table></td>
        </tr>
    </table>
    <table width="1000" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td width="1000" height="37" align="center" valign="top"><img src="include/designs/multigaming_blau/Bilder/Design_23.png" width="1000" height="37" alt="Footer" /></td>
      </tr>
    </table>
    </div>
    </body>
    </html>
    
           <!--
    					{_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 />|</ul></li>}
              <!-- 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></li>}
              <!-- vertikaler menupunkt anfang -->
              {_list_vmenubegi@<ul>}
              <!-- vertikaler menupunkt ende -->
              {_list_vmenuende@</ul>}
    0 Mitglieder finden den Beitrag gut.
  9. #9
    User Pic
    Chapter Hall Of Fame
    Registriert seit
    21.10.2007
    Beiträge
    5.951
    Beitragswertungen
    226 Beitragspunkte
    also ich hab mir den code jetzt mal genauer angeschaut. das problem liegt darin, das die tabellen der lastboxen länger werden, wenn sich die linke oder rechte navispalte verlängern. ich hab auch mal ein bisschen rum probiert, aber dein code ist zu undurchsichtlich für mich. an deiner stelle würde ich den neu machen und gut ist.
    sorry ich steig einfach nicht dahinter...
    Spamming, sinnlose Beiträge, Pushing, Doppelposting und Werbung sind verboten
    www.engelsblut-saarland.com
    0 Mitglieder finden den Beitrag gut.
  10. #10
    User Pic
    DAB-FX Mitglied
    Registriert seit
    10.02.2006
    Beiträge
    930
    Beitragswertungen
    11 Beitragspunkte
    was kannst daran nicht versetehen lachen
    0 Mitglieder finden den Beitrag gut.
  11. #11
    User Pic
    Chapter Hall Of Fame
    Registriert seit
    21.10.2007
    Beiträge
    5.951
    Beitragswertungen
    226 Beitragspunkte
    das ganze durcheinander und ewig viele verschaltelungen.
    ich war sogar schon soweit das ich es in dreamweaver geladen hab, und selbst da hab ich keinen durchblick gehabt.
    Spamming, sinnlose Beiträge, Pushing, Doppelposting und Werbung sind verboten
    www.engelsblut-saarland.com
    0 Mitglieder finden den Beitrag gut.
  12. #12
    User Pic
    Lorp_Oo Mitglied
    Registriert seit
    02.10.2007
    Beiträge
    274
    Beitragswertungen
    0 Beitragspunkte
    ZitatZitat geschrieben von Chapter

    das ganze durcheinander und ewig viele verschaltelungen.
    ich war sogar schon soweit das ich es in dreamweaver geladen hab, und selbst da hab ich keinen durchblick gehabt.


    dito...

    Schon wenn man die Tabellen sieht grumml würde an deiner stelle mit div Containern arbeiten.
    0 Mitglieder finden den Beitrag gut.
  13. #13
    User Pic
    Chapter Hall Of Fame
    Registriert seit
    21.10.2007
    Beiträge
    5.951
    Beitragswertungen
    226 Beitragspunkte
    das wäre im prinzip ja noch egal wenn das alles kommentiert wäre. da hilf denk ich nur neu coden. ist ja in der regel schnell gemacht...
    Spamming, sinnlose Beiträge, Pushing, Doppelposting und Werbung sind verboten
    www.engelsblut-saarland.com
    0 Mitglieder finden den Beitrag gut.
  14. #14
    User Pic
    Lorp_Oo Mitglied
    Registriert seit
    02.10.2007
    Beiträge
    274
    Beitragswertungen
    0 Beitragspunkte
    ZitatZitat geschrieben von Chapter

    das wäre im prinzip ja noch egal wenn das alles kommentiert wäre. da hilf denk ich nur neu coden. ist ja in der regel schnell gemacht...


    Oo bei mir dauert es immer am längsten ^^
    0 Mitglieder finden den Beitrag gut.
  15. #15
    User Pic
    Chapter Hall Of Fame
    Registriert seit
    21.10.2007
    Beiträge
    5.951
    Beitragswertungen
    226 Beitragspunkte
    das geht mit dreamweaver ziemlich schnell hab ich grad festgestellt... das programm ist garnicht mal schlecht... hatte sonst auch proton...
    Spamming, sinnlose Beiträge, Pushing, Doppelposting und Werbung sind verboten
    www.engelsblut-saarland.com
    0 Mitglieder finden den Beitrag gut.
  16. #16
    User Pic
    Devil Mitglied
    Registriert seit
    02.02.2006
    Beiträge
    2.095
    Beitragswertungen
    19 Beitragspunkte
    Ich finds klasse.
    Wer zuletzt lacht, hat den schlechtesten Ping.
    0 Mitglieder finden den Beitrag gut.
  17. #17
    User Pic
    Chapter Hall Of Fame
    Registriert seit
    21.10.2007
    Beiträge
    5.951
    Beitragswertungen
    226 Beitragspunkte
    ZitatZitat geschrieben von Devil

    Ich finds klasse.

    was jetzt? das design oder dreamweaver??
    Spamming, sinnlose Beiträge, Pushing, Doppelposting und Werbung sind verboten
    www.engelsblut-saarland.com
    0 Mitglieder finden den Beitrag gut.
  18. #18
    User Pic
    Devil Mitglied
    Registriert seit
    02.02.2006
    Beiträge
    2.095
    Beitragswertungen
    19 Beitragspunkte
    ZitatZitat geschrieben von Chapter

    ZitatZitat geschrieben von Devil

    Ich finds klasse.

    was jetzt? das design oder dreamweaver??

    Was will ich mit Dreamweaver? lol

    ZitatZitat geschrieben von Klo Deckel

    ich habe mich seid langer zeit mal wieder an ein Design gesetzt. Es soll ein Freedesign für Ilch werden. Ich bitte um konstruktive Kritik und Verbesserungsvorschläge.



    Zuletzt modifiziert von Devil am 20.02.2009 - 19:34:08
    Wer zuletzt lacht, hat den schlechtesten Ping.
    0 Mitglieder finden den Beitrag gut.
  19. #19
    User Pic
    Chester Mitglied
    Registriert seit
    17.02.2009
    Beiträge
    753
    Beitragswertungen
    19 Beitragspunkte
    Da hilft nur neu coden denn du hast eine Tabelle vergessen ;-)

    außerdem is irgentwie dein rechtes menü zu kurz kann das sein? oder soll das so


    Zuletzt modifiziert von Chester am 21.02.2009 - 00:30:08
    0 Mitglieder finden den Beitrag gut.
  20. #20
    User Pic
    Klo Deckel Mitglied
    Registriert seit
    09.11.2006
    Beiträge
    337
    Beitragswertungen
    0 Beitragspunkte
    So sry das ich mich nicht merh gemeldet habe zwinker. Also ersmal Danke. Ja ich denke das muss ich dann neu Coden -.-. Ansonsten mit dem Menu das wird noch^^. ANsonsten werd ich das wohl morgen amchen und die neue Version hier vorstellen. Aber hat noch jemand ne Idee warum in dem Menu diese Ä da vor sind?

    MfG
    0 Mitglieder finden den Beitrag gut.
Geschlossen

Zurück zu Design- und Projektvorstellungen

Optionen: Bei einer Antwort zu diesem Thema eine eMail erhalten