Autorius Tema: Reikia pagalbos kodavime  (Skaityta 2370 kartus)

Neprisijungęs JuliusP

  • Naujokas
  • *
  • Įrašai: 3
  • Karma: +0/-0
    • Žiūrėti profilį
Reikia pagalbos kodavime
« Įrašytas: 2010-11-09 18:31:03 pm »
Taigi noriu pramokti koduoti html dizainą:
Eikime čia: http://dlevo.lt/dizainas/

index.php failas pas mane ir jo vidus:


Citata
<html xmlns="[url]http://www.w3.org/1999/xhtml[/url]" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Bandymas koduoti html dizaina</title>


<!-- The CSS Reset from Eric Meyers -->
<!-- <link rel="stylesheet" type="text/css" href="cssreset.css" media="screen" /> -->

<!-- The Primary External CSS style sheet. -->
<link rel="stylesheet" type="text/css" href="psd2css.css" media="screen" />

<!-- We use the jquery javascript library for DOM manipulation and
some javascript tricks.  We serve the script from Google because it's
faster than most ISPs.  Get more information and documentation
at [url]http://jquery.com[/url] -->
<script type="text/javascript" src="[url]http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js[/url]"></script>

<!-- This is Drew Diller's PNG fix script that fixes the PNG
transparency problem with IE6.  It's available from here:
[url]http://www.dillerdesign.com/experiment/DD_belatedPNG[/url] -->
<!--[if lt IE 7 ]>
<script type="text/javascript" src="DD_belatedPNG_0.0.8a-min.js"></script>
<![endif]-->

<!-- All the javascript generated for your design is in this file -->
<script type="text/javascript" src="psd2css.js"></script>

</head>
<body>

  <!-- This is 'Background' -->
  <div id="Layer-1" class="Background"  >
    <img src="Layer-1.png" width="1152" height="864" alt="Background" class="pngimg" />
    <!-- This is 'Visa informacija esanti portale' -->
    <div id="Layer-16" class="Visa informacija esanti portale"  >
      <img src="Layer-16.png" width="287" height="24" alt="Visa informacija esanti portale" class="pngimg" /></div>

    <!-- This is 'Layer 5' -->
    <div id="Layer-15" class="Layer 5"  >
      <img src="Layer-15.png" width="238" height="185" alt="Layer 5" class="pngimg" /></div>

    <!-- This is 'Musu lankomumas' -->
    <div id="Layer-14" class="Musu lankomumas"  >
      <img src="Layer-14.png" width="88" height="11" alt="Musu lankomumas" class="pngimg" /></div>

    <!-- This is 'Layer 4' -->
    <div id="Layer-13" class="Layer 4"  >
      <img src="Layer-13.png" width="88" height="31" alt="Layer 4" class="pngimg" /></div>

    <!-- This is 'Visa informacija esanti portale' -->
    <div id="Layer-12" class="Visa informacija esanti portale"  >
      <img src="Layer-12.png" width="287" height="24" alt="Visa informacija esanti portale" class="pngimg" /></div>

    <!-- This is 'Layer 1' -->
    <div id="Layer-8" class="Layer 1"  >
      <img src="Layer-8.png" width="612" height="306" alt="Layer 1" class="pngimg" />
      <!-- This is 'Layer 2' -->
      <div id="Layer-9" class="Layer 2"  >
        <img src="Layer-9.png" width="592" height="254" alt="Layer 2" class="pngimg" />
        <!-- This is 'Cia turi buti youtubecom video' -->
        <div id="Layer-10" class="Cia turi buti youtubecom video"  >
          <img src="Layer-10.png" width="149" height="13" alt="Cia turi buti youtubecom video" class="pngimg" /></div>

      </div>

    </div>

    <!-- This is 'Shape 2 copy' -->
    <div id="Layer-6" class="Shape 2 copy"  >
      <img src="Layer-6.png" width="197" height="305" alt="Shape 2 copy" class="pngimg" />
      <!-- This is 'Lorem Ipsum is simply dummy tex' -->
      <div id="Layer-11" class="Lorem Ipsum is simply dummy tex"  >
        <img src="Layer-11.png" width="179" height="219" alt="Lorem Ipsum is simply dummy tex" class="pngimg" /></div>

      <!-- This is 'Musu komandos sudetis' -->
      <div id="Layer-7" class="Musu komandos sudetis"  >
        <img src="Layer-7.png" width="135" height="11" alt="Musu komandos sudetis" class="pngimg" /></div>

    </div>

    <!-- This is 'Shape 2' -->
    <div id="Layer-5" class="Shape 2"  >
      <img src="Layer-5.png" width="612" height="306" alt="Shape 2" class="pngimg" /></div>

    <!-- This is 'Layer 3' -->
    <div id="Layer-3" class="Layer 3"  >
      <img src="Layer-3.png" width="700" height="77" alt="Layer 3" class="pngimg" />
      <!-- This is 'Pagrindinis              Musu V' -->
      <div id="Layer-4" class="Pagrindinis              Musu V"  >
        <img src="Layer-4.png" width="383" height="11" alt="Pagrindinis              Musu V" class="pngimg" /></div>

    </div>

    <!-- This is 'Shape 1' -->
    <div id="Layer-2" class="Shape 1"  >
      <img src="Layer-2.png" width="700" height="77" alt="Shape 1" class="pngimg" /></div>

  </div>

<!-- This is the p2cedit Text Stylizer dialog and tools.  It will not exist
in the code for your final page. -->
<div id="p2c-edit" style="display: none;"></div>
<script>$('#p2c-edit').load('/app/p2cedit/p2cedit.html');</script>


</body>
</html>


Jūsų dėka, po biški klausiu kaip ką dirbti tada, kai viską baigsiu mėginsiu pats be pagalbos viską atlikti, su kitu dizainu ;)

1.Dalis

Taigi dabar noriu sukurti ta viršutinė navigacijos meniu kur čia reikia ir ką įterpti ??
« Paskutinį kartą keitė: 2010-11-09 18:41:49 pm sukūrė JuliusP »

Neprisijungęs Lukas

  • Administratorius
  • Herojus
  • ******
  • Įrašai: 7431
  • Karma: +232/-15
    • Žiūrėti profilį
Re: Reikia pagalbos kodavime
« Atsakymas #1 Įrašytas: 2010-11-09 18:55:23 pm »
Citata
Taigi dabar noriu sukurti ta viršutinė navigacijos meniu kur čia reikia ir ką įterpti ??

 i visus klausimus, kuriuose yra zodis "kur?" atsako nuostabus irankis pavadinimu firebug :D

https://addons.mozilla.org/en-US/firefox/addon/1843/


vietoj sito:

<img width="383" height="11" class="pngimg" alt="Pagrindinis              Musu V" src="Layer-4.png">

turi deti meniu koda
Jūsų draugas, kolega ir puslapio administratorius,

Lukas.

Gerda Photography
Serveriai.lt 50% nuolaida!
Free Hosting
Free Templates

Neprisijungęs JuliusP

  • Naujokas
  • *
  • Įrašai: 3
  • Karma: +0/-0
    • Žiūrėti profilį
Re: Reikia pagalbos kodavime
« Atsakymas #2 Įrašytas: 2010-11-09 19:04:51 pm »
Na įdėjau šitą: <a href="index.html">Namai[/url] | <a href="index.html#">DUK[/url] | <a href="index.html#">Straipsniai[/url] | <a href="index.html#">Siuntimai[/url] | <a href="index.html#">Reklama[/url] | <a href="index.html#">Kontaktai[/url]</span>

ir biški nekaip išėjo kaip matau, kas čia blogai ir ką keisti reikia?

Neprisijungęs JuliusP

  • Naujokas
  • *
  • Įrašai: 3
  • Karma: +0/-0
    • Žiūrėti profilį
Re: Reikia pagalbos kodavime
« Atsakymas #3 Įrašytas: 2010-11-10 14:26:01 pm »
Na tai padėsite toliau kas ? :)

Manualai.lt Forumas

Re: Reikia pagalbos kodavime
« Atsakymas #3 Įrašytas: 2010-11-10 14:26:01 pm »

Neprisijungęs Lukas

  • Administratorius
  • Herojus
  • ******
  • Įrašai: 7431
  • Karma: +232/-15
    • Žiūrėti profilį
Re: Reikia pagalbos kodavime
« Atsakymas #4 Įrašytas: 2010-11-10 22:29:57 pm »
tu paziurek, tas img turejo klase, kazkokius stilius, o siti ka turi? nedek tiesiog linku, turi juos idet i konteineri, kurie juos padetu per viduri ar kazkur kur nori.

<div>
 linkai
</div>

diva tikriausiai naudosi, tai ta diva isligiuoti jei centruotai nori, tai jam width turi nurodyt ir margin:0px auto;

toks vaizdas kad visai neziurejai kodai.manualai.lt pamoku html/css
Jūsų draugas, kolega ir puslapio administratorius,

Lukas.

Gerda Photography
Serveriai.lt 50% nuolaida!
Free Hosting
Free Templates

Manualai.lt Forumas

Re: Reikia pagalbos kodavime
« Atsakymas #4 Įrašytas: 2010-11-10 22:29:57 pm »