Diskusijų forumai
Diskusijų forumai     Kompiuterinė grafika, dizainas     Tinklalapių dizainas     HTML ir CSS tema į wordpress


HTML ir CSS tema į wordpress

buferis
Naujokas

 
Tema paskelbta: 2009-07-22 08:37:50
Sveiki taigi bandžiau dizainą (iš jūsų video pamokos) perkelti į wordpress, iš pradžių viskas gal ir gerai buvo, tik nerode headerio,footerio ir viršutinės meniu juostos, o tada kažką pridirbau ir galiausiai nieko neberodo. Štai kevieno failo kodai.

index.php: http://pastie.org/555120
header.php: http://pastie.org/555121
sidebar.php: http://pastie.org/555123

footer.php: 

  <div id="apacia">
    © 2009 Mano asmeninė svetainė. Kopijuoti be autoriaus sutikimo draudžiama.
  </div>

</body>
</html>

ir style.css: http://pastie.org/555127

Net nežinau kur klaidą padariau  ragai

EDIT @adijux: ilguosius kodo pavyzdžius perkėliau į http://pastie.org, kad čia neužimtų daug vietos. Ateityje patariu būtent ten ir kelti didelius kodo gabalus. wink

Paskutinį kartą temą redagavo Edmundas (2009-07-22 19:09:19), redaguota kartų: 2
 


Atsakymai į temą

Valuediz
Bendruomenės narys

 
Atsakymas parašytas: 2009-07-22 16:47:35 [#169] Atsakymo ID: 169 Ilgalaikė nuoroda į atsakymą #1
2 kartus index.php faile iškvietei header ir footer:
<?php get_header(); ?>
<div id="irasai">
       
          <div class="irasas">
           
             <div class="data_ir_laikas">
               
                 2009-05-05, 22:43
               
                </div>
               
                <div class="iraso_turinys">
               
             <?php
/**
* @package WordPress
* @subpackage Classic_Theme
*/
get_header();
?>

<?php get_footer(); ?>

               
                 <h1>Lorem ipsum dolor sit amet, consectetur adipiscing elit</h1>
                   
                    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed consectetur, purus in bibendum vehicula, orci ante placerat lacus, quis tincidunt neque odio non odio. Suspendisse lectus. Integer hendrerit nunc nec nisl. Quisque leo mauris, sagittis eget, tincidunt eu, pharetra in, metus. Fusce turpis metus, viverra sed, rhoncus ac, fringilla sed, quam. Morbi cursus nisi varius turpis. Phasellus vestibulum, lorem quis accumsan lacinia, nibh purus tempus lectus, eu lacinia lacus lorem eu turpis. Vestibulum gravida, nisl in porttitor gravida, ipsum massa laoreet nulla, vel tempor felis mauris vel orci. Donec non dui non nibh interdum suscipit. Nullam gravida elementum arcu. Pellentesque varius purus ut sem. Ut rhoncus arcu ac quam tempus cursus. Donec ipsum libero, bibendum et, rhoncus ut, sollicitudin vel, urna. Proin elit sapien, commodo eu, sagittis vel, vulputate molestie, purus. Donec mi. Vivamus sagittis. Fusce odio lectus, mollis ac, bibendum sit amet, tristique vitae, risus. Ut justo m     etus, pulvinar at, molestie sit amet, semper a, nisl.
                   
                    Suspendisse magna. In ornare metus nec elit. Sed risus. Sed sagittis. Fusce dignissim, dui eget dictum malesuada, augue felis congue massa, eu tempus ligula quam eget mauris. Aliquam vitae velit. Duis porta sem eget nisi. Suspendisse et augue quis metus bibendum convallis. Nulla ligula. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Etiam vitae urna vel lorem tincidunt gravida. Donec mauris. Ut quis sapien. Phasellus fermentum condimentum ligula.
                   
                    Vivamus sed mi. Nam sed arcu. Maecenas ut tellus. Curabitur nisi magna, pharetra non, sagittis quis, ultrices a, enim. Curabitur mattis. Suspendisse nec lacus. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. In molestie dictum mauris. Cras eu quam. Nulla lacinia. Aenean auctor risus eget justo. Nullam et sapien sit amet lectus molestie pulvinar.                   
               
                </div>
                       
               
            </div> 
           
          <div class="irasas">
           
             <div class="data_ir_laikas">
               
                 2009-05-05, 22:43
               
                </div>
               
                <div class="iraso_turinys">
               
                 <h1>text</h1>
                   
                    ...                   
               
                </div>
                       
               
            </div>             
       
        </div>
       
       
       
<?php get_sidebar(); ?>
<?php get_footer(); ?>
Pask. redagavo Valuediz (2009-07-22 16:48:14), redaguota kartų: 1

buferis
Naujokas

 
Atsakymas parašytas: 2009-07-22 17:04:53 [#170] Atsakymo ID: 170 Ilgalaikė nuoroda į atsakymą #2
Na pataisiau, dabar index.php atrodo taip: http://pastie.org/555135.

Bet man atrodo, kad neranda style.css nes puslapis blatas, tik textas ir viskas.
Irmantas
Tinklalapio šeimininkas

 
Atsakymas parašytas: 2009-07-22 17:16:18 [#171] Atsakymo ID: 171 Ilgalaikė nuoroda į atsakymą #3
Iškviesk style.css su funkcija:

<link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="screen" />

Į style.css failą taip pat įdėk kodą, kuris yra reset.css faile.

P.S. Kaip tik ruošiu video pamoką apie savo dizaino integravimą į WP, kitą savaitę jau turėtų pasirodyti e-grafikoje wink

Dar vienas patarimas, būtų gerai, kad ilgus kodus dėtumet į kokį paste.lt ar pastebin.com...
buferis
Naujokas

 
Atsakymas parašytas: 2009-07-22 17:26:10 [#172] Atsakymo ID: 172 Ilgalaikė nuoroda į atsakymą #4
Labai tau ačiu  hey Iš reset.css failo koda nukopinau style.css pabaigoje, o šita 

<link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="screen"
kodą kurioje vietoje dėti?  wink
Irmantas
Tinklalapio šeimininkas

 
Atsakymas parašytas: 2009-07-22 17:37:14 [#173] Atsakymo ID: 173 Ilgalaikė nuoroda į atsakymą #5
buferis rašė:
Labai tau ačiu  hey Iš reset.css failo koda nukopinau style.css pabaigoje, o šita 
<link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="screen"
kodą kurioje vietoje dėti?  wink

Šitą kodą reikia dėti tarp <head></head> žymių.

Be to, pamiršai dar kai kurių div'ų į header įdėt:

<div id="pagrindinis">

ir

<div id="irasai">

tik atmink kad div'as - "pagrindinis" užsidaro footeryje, o div'as - "irasai" prieš div'ą - "sonine_juosta".
Valuediz
Bendruomenės narys

 
Atsakymas parašytas: 2009-07-22 17:56:50 [#174] Atsakymo ID: 174 Ilgalaikė nuoroda į atsakymą #6
Labai tau ačiu. Iš reset.css failo koda nukopinau style.css pabaigoje

resetus geriausia dėti pačiame viršuje styles.css, nes kitaip nuresetinsi ir savo paties nustatymus.
buferis
Naujokas

 
Atsakymas parašytas: 2009-07-22 17:57:10 [#175] Atsakymo ID: 175 Ilgalaikė nuoroda į atsakymą #7
Na va style.css jau rado, headeris puikiai veikia, bet dabar manau kazkur įveliau klaidą su div'ais ,štai kaip atrodo tinklapis dabar http://www.ltrulez.xz.lt/
Pask. redagavo buferis (2009-07-22 18:06:55), redaguota kartų: 2

Edmundas
Tinklalapio šeimininkas

 
Atsakymas parašytas: 2009-07-22 19:23:38 [#176] Atsakymo ID: 176 Ilgalaikė nuoroda į atsakymą #8
buferis rašė:
Na va style.css jau rado, headeris puikiai veikia, bet dabar manau kazkur įveliau klaidą su div'ais ,štai kaip atrodo tinklapis dabar http://www.ltrulez.xz.lt/

Patikrink, ar visos žymės yra uždarytos. Pavyzdžiui, pažiūrėjus source, matau, kad trūksta </h1>.

<div class="iraso_turinys">
  <h1>text
</div>


Visada stenkis laikytis tvarkos kode, dėk tarpus, atitrauk tam tikras kodo dalis atitinkamai pagal HTML struktūros hierarchiją. Taip lengviau orientuosis kode, bus lengviau rasti klaidas ar reikiamas kodo dalis.
buferis
Naujokas

 
Atsakymas parašytas: 2009-07-22 19:46:13 [#177] Atsakymo ID: 177 Ilgalaikė nuoroda į atsakymą #9
Na va viska sutvarkiau smile