Avatar billede okoleg Nybegynder
05. april 2004 - 22:19 Der er 10 kommentarer og
1 løsning

Ændre html kildekode

Jeg faldt lige over følgende design, som er lagt ud til frit brug her på eksperten:
http://hjem.get2net.dk/arntsen/eksperten/web/skabelon/index.htm

I den forbindelse har jeg lige et par spørgsmål til ændringer:

Jeg er ikke særlig smart til det der med design, men er der en af jer der kan lave toppen af siden om, så der i stedet for det store "logo" der ligger der nu, kan få det til at passe med at der kan være plads til et logo (ca. 200 x 80) i venstre hjørne og så et banner i midten/venstre side. Bannert skal være standardstørrelsen (er det ikke 468 x 60 ?).

Endvidere skal den højre spalte ændres, så der er plads til 2-3 125 x 125 bannere under hinanden (alt efter hvad der ser bedst ud)

Er der nogle af jer der kan fixe det?
Avatar billede okoleg Nybegynder
06. april 2004 - 11:12 #1
Er der ingen der kan hjælpe?
Er det for lidt point?
Avatar billede da9el Nybegynder
06. april 2004 - 12:17 #2
Rimelig stygt design men står kilde koden nogle steder??
Avatar billede steen_hansen Forsker
06. april 2004 - 12:23 #3
Håber jeg har forstået dig korrekt?

<html>

<head>
<title>..: skabelon :..</title>
<style type="text/css">
<!--
.DATE {
    font-family: Verdana;
    font-size: 9px;
    font-style: normal;
    color: #7A7A7A;
    padding: 4;
}
.HEADLINE {
    font-family: Verdana;
    font-size: 10px;
    font-style: normal;
    font-weight: bold;
    color: #263F18;
    letter-spacing: 4;
    padding: 4;
}
.COPYRIGHT {
    font-family: Verdana;
    font-size: 9px;
    font-style: normal;
    color: #E5E7DC;
    letter-spacing: 1px;
}

BODY {
    font-family: Verdana;
    font-size: 9px;
    font-style: normal;
    color: #000000;
}
 
  A:LINK {
    font-family: Verdana;
    font-size: 9px;
    font-style: normal;
    text-decoration : none;
    letter-spacing: 2px;
    color: #000000;
}

  TD {
    font-family: Verdana;
    font-size: 9px;
    font-weight: normal;
    font-style: normal;
    color: #000000;
}
  FORM {
    margin-bottom : 8;
}
a.menu {
    FONT-SIZE: 9px;
    background : #D7D9CE;
    color: #000000;
    text-decoration : none;
    display:block;
    width:100%;
    border-top: 1 solid #D7D9CE;
    border-left: 1 solid #D7D9CE;
    border-right: 1 solid #D7D9CE;
    border-bottom: 1 solid #D7D9CE;
    letter-spacing: 2px;
    padding: 4;
}

a.menu:hover {
    FONT-SIZE: 9px;
    background : #B4B7A6;
    color: #ffffff;
    display:block;
    width:100%;
    border-top: 1 solid #ffffff;
    border-left: 1 solid #ffffff;
    border-right: 1 solid #ffffff;
    border-bottom: 1 solid #ffffff;   
    letter-spacing: 2px;
    padding: 4;
}
-->
</style>
<base target="_self">
</head>

<body topmargin="0" leftmargin="0" bgcolor="#B4B7A6">

<table border="0" width="100%" height="100%" cellspacing="0" cellpadding="0">
  <tr>
    <td width="100%" valign="top" align="center">
      <table border="4" width="760" cellpadding="0" height="100%" bordercolor="#B4B7A6" cellspacing="4">
        <tr>
          <td width="100%" bordercolor="#F1F2EA" bordercolorlight="#F1F2EA" bordercolordark="#F1F2EA" height="100">
            <div align="center">
                <center>
                <table border="0" cellpadding="0" cellspacing="0" width="100%">
                    <tr>
                        <td style="width: 200px;">200 i bredden</td>
                        <td>468 x 60 banner</td>
                    </tr>
                </table>
                </center>
            </div>
            </td>
        </tr>
        <tr>
          <td width="100%" bordercolor="#F1F2EA" bordercolorlight="#F1F2EA" bordercolordark="#F1F2EA" valign="top">
            <table border="3" width="100%" cellspacing="4" cellpadding="0" bordercolor="#B4B7A6" height="100%">
              <tr>
                <td width="150" bordercolor="#F1F2EA" bgcolor="#D7D9CE" valign="top">
                  <table border="1" width="100%" cellpadding="0" bordercolor="#D7D9CE" cellspacing="0">
                    <tr>
                      <td width="100" bgcolor="#B4B7A6" bordercolor="#F1F2EA">
                        <p class="HEADLINE">NAVIGATION</p>
                      </td>
                    </tr>
                    <tr>
                      <td width="100%" valign="top"><a href="#" class="menu">Link
                        01</a></td>
                    </tr>
                    <tr>
                      <td width="100%" valign="top"><a href="#" class="menu">Link
                        02</a></td>
                    </tr>
                    <tr>
                      <td width="100%" valign="top"><a href="#" class="menu">Link
                        03</a></td>
                    </tr>
                    <tr>
                      <td width="100%" valign="top"><a href="#" class="menu">Link
                        04</a></td>
                    </tr>
                    <tr>
                      <td width="100%" valign="top"><a href="#" class="menu">Link
                        05</a></td>
                    </tr>
                  </table>
                </td>
                <td width="410" bordercolor="#F1F2EA" rowspan="3" valign="top">
                  <table border="0" width="100%" cellspacing="3">
                    <tr>
                      <td width="100%">CAPUT 1
                        <p>Magnus es, domine, et laudabilis valde: magna virtus
                        tua, et sapientiae tuae non est numerus. et laudare te
                        vult homo, aliqua portio creaturae tuae, et homo
                        circumferens mortalitem suam, circumferens testimonium
                        peccati sui et testimonium, quia superbis resistis: et
                        tamen laudare te vult homo, aliqua portio creaturae
                        tuae.tu excitas, ut laudare te delectet, quia fecisti
                        nos ad te et inquietum est cor nostrum, donec requiescat
                        in te. da mihi, domine, scire et intellegere, utrum sit
                        prius invocare te an laudare te, et scire te prius sit
                        an invocare te. sed quis te invocat nesciens te? aliud
                        enim pro alio potest invocare nesciens. an potius
                        invocaris, ut sciaris? quomodo autem invocabunt, in quem
                        non crediderunt? aut quomodo credent sine praedicante?
                        et laudabunt dominum qui requirunt eum. quaerentes enim
                        inveniunt eum et invenientes laudabunt eum. quaeram te,
                        domine, invocans te, et invocem te credens in te:
                        praedicatus enim es nobis. invocat te, domine, fides mea,
                        quam dedisti mihi, quam inspirasti mihi per humanitatem
                        filii tui, per ministerium praedicatoris tui.
                        <p>CAPUT 2
                        <p>Et quomodo invocabo deum meum, deum et dominum meum,
                        quoniam utique inme ipsum eum invocabo, cum invocabo eum?
                        et quis locus est in me, quoveniat in me deus meus? quo
                        deus veniat in me, deus, qui fecit caelum et terram?
                        itane, domine deus meus, est quiquam in me, quod capiat
                        te?an vero caelum et terra, quae fecisti et in quibus me
                        fecisti, capiuntte? an quia sine te non esset quidquid
                        est, fit, ut quidquid est capiat te? quoniam itaque et
                        ego sum, quid peto, ut venias in me, quinon essem, nisi
                        esses in me? non enim ego iam in inferis, et tamen etiam
                        ibi es. nam etsi descendero in infernum, ades. non ergo
                        essem, deus meus, non omnino essem, nisi esses in me. an
                        potius non essem, nisi essem in te, ex quo omnia, per
                        quem omnia, in quo omnia? etiam sic, domine, etiam sic.
                        quo te invoco, cum in te sim? aut unde venias in me? quo
                        enim recedam extra caelum et terram, ut inde in me
                        veniat deus meus, qui dixit: caelum et terram ego impleo</td>
                    </tr>
                  </table>
                </td>
                <td width="150" bordercolor="#F1F2EA" rowspan="2" valign="top" bgcolor="#D7D9CE">
                  <table border="1" width="100%" height="100" cellpadding="2" bordercolor="#D7D9CE">
                    <tr>
                      <td width="125" height="25" bgcolor="#B4B7A6" bordercolor="#F1F2EA">&nbsp;Reklame
                        1</td>
                    </tr>
                    <tr>
                      <td width="125" height="25" bgcolor="#B4B7A6" bordercolor="#F1F2EA">Reklame
                        2</td>
                    </tr>
                    <tr>
                      <td width="125" height="25" bgcolor="#B4B7A6" bordercolor="#F1F2EA">Reklame
                        3</td>
                    </tr>
                    <tr>
                      <td width="100%" height="75"></td>
                    </tr>
                  </table>
</td>
              </tr>
              <tr>
                <td width="150" bordercolor="#F1F2EA" bgcolor="#D7D9CE" valign="top">
                  <table border="1" width="100%" height="100" cellpadding="0" bordercolor="#D7D9CE" cellspacing="0">
                    <tr>
                      <td width="100" height="25" bgcolor="#B4B7A6" bordercolor="#F1F2EA">
                        <p class="HEADLINE">LINKS</p>
                      </td>
                    </tr>
                    <tr>
                      <td width="100%" height="75" valign="top"></td>
                    </tr>
                  </table>
</td>
              </tr>
              <tr>
                <td width="150" bordercolor="#F1F2EA" bgcolor="#D7D9CE" valign="top">
                  <table border="3" width="100%" height="100" cellpadding="0" bordercolor="#D7D9CE" cellspacing="0">
                    <tr>
                      <td width="100" height="25" bgcolor="#B4B7A6" bordercolor="#F1F2EA">
                        <p class="HEADLINE">HEADLINES</p>
                      </td>
                    </tr>
                    <tr>
                      <td width="100%" height="75" valign="top">-&nbsp; Her har
                        du så en celle til at indsætte nyheder.
                        <hr size="1" color="#B4B7A6">-&nbsp; Brug denne skabelon
                        som et udgangspunkt på dit rammedesign.</td>
                    </tr>
                  </table>
                    </td>
                <td width="150" bordercolor="#F1F2EA" valign="top" bgcolor="#D7D9CE">
                  <table border="1" width="100%" height="100" cellpadding="2" bordercolor="#D7D9CE">
                    <tr>
                      <td width="100" height="25" bgcolor="#B4B7A6" bordercolor="#F1F2EA">&nbsp;</td>
                    </tr>
                    <tr>
                      <td width="100%" height="75"></td>
                    </tr>
                  </table>
                    </td>
              </tr>
            </table>
          </td>
        </tr>
        <tr>
          <td width="100%" bordercolor="#B4B7A6" height="25">
            <p align="center" class="COPYRIGHT">&nbsp;copyright © 2002.&nbsp;
            All rights belong to you | /cdc - eksperten.</p>
          </td>
        </tr>
      </table>
    </td>
  </tr>
</table>

</body>

</html>
Avatar billede da9el Nybegynder
06. april 2004 - 12:26 #4
Kan du ikke selv lave html??
Avatar billede steen_hansen Forsker
06. april 2004 - 12:37 #5
da9el: Det er ikke alle, der kan. Der findes ingen dumme spørgsmål, kun dumme svar :o)
Avatar billede da9el Nybegynder
06. april 2004 - 12:50 #6
Jeg kan da godt prøve og lave det men har du logoerne et sted på nettet??
Avatar billede da9el Nybegynder
06. april 2004 - 12:54 #7
Det du snakker om i højre side er der altså lavet så der er plads til reklamer!!
Avatar billede da9el Nybegynder
06. april 2004 - 12:59 #8
Men han kan da ikke lave noget på siden alligevel hvis han ikke kan HTML;)
Avatar billede okoleg Nybegynder
06. april 2004 - 13:02 #9
Det er fint nok det der er lave, tak for det.
Avatar billede steen_hansen Forsker
06. april 2004 - 13:03 #10
Så er det heldigt, at okoleg kan hente hjælp her :o)

Der er lavet en celle på 200 pixels i bredden. Resten kan du bruge til dit banner på 468 x 60 pixels

Der er sat 3 celler af i højre side til 3 reklamer på 125 pixels.
Avatar billede steen_hansen Forsker
06. april 2004 - 13:03 #11
Takker :o)
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester