Mengenal/membuat template ucoz .com - Tutorial Membuat web ucoz - Book - Software - SMKN 1 Gambut
Senin, 2016-12-05, 05:24:48
Welcome Guest | RSS

ŠӍҚЙ 1 ǤǺӍBƯҬ™
Software, Artikel, Forum, Photo, Social Network, Education, Iklan, Video, Berita, Blog.
E-Mail

Site menu
Section categories
Iklan
Iklan

Software

Main » Ad Board » Book » Tutorial Membuat web ucoz

Mengenal/membuat template ucoz .com
Sharing | 2012-07-01, 21:05:11
Saya akan menunjukkan bagaimana beradaptasi template UcoZ CSS.
Kami memilih ini http://www.templatemo.com/preview/templatemo_169_garden template gratis
Setelah men-download Anda akan menerima folder dengan gambar, satu dengan file js (template ini jika diperlukan), file CSS dan folder dengan satu atau lebih halaman html.

NAch ini caranya dan sebagai contoh saya akan mengedit temlate tersebut..dan memuatnya di Module Custome desaign
Untuk mulai mengadaptasi template di UcoZ harus terlebih dahulu mengenal bentuknya.

0 Head Kepala ditambahkan metategurile, js file dan css 
1 Semakin rendah sebuah situsi - Bagian "AHEADER" Global Template konten constructurul ditempatkan di antara <!-- <header> --> dan <!-- </header> -->
2 Situs inti bagian tengah konten situs dan wadah yang terdiri constructurul sisi template konten ditempatkan di antara  <!-- <middle> --> dan <!-- </middle> -->
2.1 Wadah global yang sectiunele sisi "CLEFTER" dan "DRIGHTER" template konten constructurul ditempatkan antara <td valign="top" style="width:200px;">
<!-- <container> -->
<!-- <block> -->

si
<!-- </block> -->
<!-- </container> -->

</td>

Meja <td> Tegurile menunjukkan ruang pada halaman, mereka dapat digantikan oleh <div> tegurile

Ada 5 posisi yang berbeda dari sisi wadah:
a) site cu un singur container la dreapta a) situs dengan satu wadah ke kanan
b) site cu un singur container la stanga b) situs dengan satu wadah ke kiri
c) site cu doua containere, unu la dreapta si altul la stanga c) situs dengan dua kontainer, satu kanan dan satu kiri
d) site cu doua containere la dreapta d) situs dengan dua kontainer yang tepat
e) site cu doua containere la stanga e) situs dengan dua kontainer kiri
2.2 Contentul central 2,2 Konten dari pusat
3 Bagian atas situs - bagian global "BFOOTER" template konten constructurul ditempatkan di antara <!-- <footer> --> dan <!-- </footer> -->
4 pop up


Sebelum memulai penyesuaian, harus:
1) mengaktifkan semua modul.
2) memilih template mirip dengan warna yang Anda inginkan untuk menginstal dan menyalin CSS sana.

Memuat file CSS dan gambar http://forum.ucoz.com/forum/49-15165-1
 Harap dicatat: jalan CSS harus sesuai dengan jalur di mana Anda memiliki gambar dimuat. Buka dengan notepad Anda menyalin konten dalam CP »» Design Home Builder Customize "Template



  Jika Anda simpan, Anda mendapatkan error berikut:



 Jadi kita harus melihat untuk menambahkan pop up dan Hak Cipta UcoZ.  Banyak bertanya :

Kode
<!-- <popup> --><!-- </popup> --> $POWERED_BY$
kode setelah </ html> dan meninggalkan puas.
  Halaman pop up di UcoZ adalah:
1) Situs Web Pengguna
2) Pesan Pribadi (PM)
3) menulis data pengguna Halaman
4) Daftar halaman untuk pengguna

Jika Anda mendapatkan ini bodoh, ketika Anda mengakses sebuah profil pengguna Anda akan menerima:
memiliki administrator proyek ini, pergi ke Control Panel dan Restore default template untuk "halaman Profil".
Kami merekomendasikan menggunakan halaman contoh dan kemudian ke personlizati:

Kode
<!-- <popup> -->
<table border="0" cellpadding="2" cellspacing="1" style="background:#A9B8C2;" width="100%">
<tr><td style="background:#D4DFF7;" align="center"><b>[TITLE]</b></td></tr>
<tr><td align="center" style="background:#F4F4F4;padding:5px;">[BODY]</td></tr>
</table>
<!-- </popup> -->


Dan hak cipta UcoZ saat meletakkannya di mana Anda ingin.

Sekarang untuk mulai beradaptasi.
. 0) kepala - mengubah file CSS dan JS (menonton dengan hati-hati jalan.
1) Bagian atas dari situs
Karya ini dimulai setelah situs <body> tegul, sehingga segera setelah ia meletakkan <- <header> -> Dan diakhiri dengan <- </ Header> ->
 mengakhiri topi untuk menu dan tegurile setelah tutup penutupan. Banyak template memiliki
 Juga di topi dapat menambahkan SITUS LOGO yang akan memungkinkan Anda untuk mengubah logo dari website produsen.  Dalam kasus kami, kami harus mengubah gambar LOGO SITUS


Code Kode
<a href="http://www.templatemo.com" target="_parent">
                           <img src="images/logo.png" alt="Free CSS Template" />
                           <!-- <span>your tagline goes here</span> -->
                           </a>


 Jika Anda mengambil hanya gambar, maka aktivasi membangun bila anda klik di situs saya, Anda akan diarahkan pada halaman yang sama dan Anda tidak dapat mengubah logo, jadi kami sarankan Anda menghapus dan hyperlink.
Berikut perubahan header akan terlihat seperti:

Code Kode
           
                     </div>                            
</div>                            

<div id="templatemo_menu_wrapper">
                            <div id="templatemo_menu">
                      <ul>
           <li><a href="$HOME_PAGE_LINK$" class="current">Home</a></li>
           <li><a href="/news">Stiri</a></li>
           <li><a href="/forum">Forum</a></li>
           <li><a href="/gb">Guest book</a></li>
           <li><a href="/index/0-3" class="last">Contact</a></li>
           </ul>                     
                            
                     </div>
</div>
<!-- </header> -->



2) Inti dari situs
  Segera setelah header pusat dimulai dengan: <!-- <middle> -->
  dan diakhiri dengan <!-- </middle> --> footer sebelum memulai. Seperti di bagian bawah, Anda sendiri yang harus memutuskan mana ia berakhir.
Pada bagian pusat dapat dari item 1-3, di sini Anda memiliki lebih banyak pekerjaan.

2,1) Isi sentral set pertama contentul.Template diambil sebagai contoh dimulai dengan Selamat Datang di Website kami! Dan berakhir dengan <hr> tegul.  Semua kode ini terdiri dari Konten teguri ganti dengan: [BODY]

Saya menggantikan ini fragmen kode:
Kode
<div class="section_w500">
                       
            <h2>Welcome to our Website!</h2>
                       
            <p class="em_text">This Free CSS Template is provided by <a href="http://www.templatemo.com" target="_parent">TemplateMo.com</a>. You may use this template in your websites. Credit goes to <a href="http://www.photovaco.com" target="_blank">Free Photos</a> for photos and <a href="http://www.vecteezy.com/vf/1022-Hibiscus-flowers" target="_blank">Vecteezy.com</a> for vectors. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas et ipsum sem, ut lobortis dui. Aenean posuere, nunc in vulputate vulputate, justo nibh adipiscing justo, tincidunt consectetur mauris purus ac libero.</p>

            </div>
                       
            <div class="section_w500">
                       
            <h2>Our Services</h2>
                       
            <p>Donec in nisi. Etiam sit amet turpis. Duis nulla diam, posuere ac, varius id, ullamcorper sit amet, libero. Nam sodales, pede vel dapibus lobortis, ipsum diam molestie risus, a vulputate risus nisl pulvinar lacus.</p>
            <ul class="services">
            <li>Aenean posuere, nunc in vulputate vulputate, justo nibh adipiscing justo, tincidunt consectetur</li>
            <li>Donec felis sem, suscipit ac lobortis id, consectetur ac sapien. Phasellus eget augue in massa cursus hendrerit.</li>
            <li>Etiam eu ante non eros ultrices tincidunt. Suspendisse ac eros dui, vel posuere nibh.</li>
            </ul>
                       
            <div class="button_01"><a href="#">Read more</a></div>

            </div>
                       
            <div class="section_w500">
                       
            <h2>Photo Gallery</h2>
                       
            <ul class="gallery">            
            <li><a href="#"><img src="images/templatemo_image_01.jpg" alt="image 1" /></a></li>            
            <li><a href="#"><img src="images/templatemo_image_02.jpg" alt="image 2" /></a></li>
            <li><a href="#"><img src="images/templatemo_image_03.jpg" alt="image 3" /></a></li>
            <li><a href="#"><img src="images/templatemo_image_04.jpg" alt="image 4" /></a></li>
            <li><a href="#"><img src="images/templatemo_image_05.jpg" alt="image 5" /></a></li>
            <li><a href="#"><img src="images/templatemo_image_06.jpg" alt="image 6" /></a></li>
            <li><a href="#"><img src="images/templatemo_image_07.jpg" alt="image 7" /></a></li>
            <li><a href="http://www.templatemo.com" target="_parent"><img src="images/templatemo_image_08.jpg" alt="image 8" /></a></li>
            </ul>
            <div class="cleaner"></div>
                       
            <div class="button_01"><a href="#">View all</a></div>
            </div>


Atentie!!! Majoritatea acestor template-uri au si un aspect al materialului, il puteti folosi la site-ul dvs. Adaptarea unui aspect al materialului e mult mai usoara decat adaptarea template-ului. Perhatian Sebagian besar template memiliki! Aspek materi, Anda dapat menggunakan dalam adaptasi situs Anda dari aspek material jauh lebih mudah daripada mengadaptasi template.
Code Kode


<div class="section_w500">
                        
<div style="float:right"><span title="$TIME$">$DATE$</span> $MODER_PANEL$</div>
<h2><a href="$ENTRY_URL$">$TITLE$</a></h2>
<p class="em_text">
              $MESSAGE$
              </p>
              <div class="button_01"><a href="$ENTRY_URL$">Citeste</a></div>
</div>

 Saya mengubah judul tegul memberikan $TITLE$ link $ $ $$ENTRY_URL$, saya mengubah $MESSAGE$ mesaju tegul $ $.

2) kontainer sisi
  Kebanyakan template <div> tegurile dan kebanyakan dari mereka untuk gaya wadah sidebar sisi lateral atau


Code Kode
<div id="sidebar">
                   
          <div class="sidebar_section">
                   
          <h2>Categories</h2>
          <ul class="category_list">
          <li><a href="index.html">Vestibulum facilisis</a></li>
          <li><a href="subpage.html">Proin dignissim</a></li>
          <li><a href="index.html">Maecenas sem libero</a></li>
          <li><a href="subpage.html">Class aptent taciti</a></li>
          <li><a href="#">Duis porttitor</a></li>
          <li><a href="#">Nullam ac tellus</a></li>
          <li><a href="#">Praesent viverra</a></li>
          <li><a href="#">Aenean molestie</a></li>
          <li><a href="#">Nunc scelerisque</a></li>
          <li><a href="#">Cras mattis ante</a></li>
          </ul>
          </div>          
                   
          <div class="sidebar_section">
                   
          <h2>Search</h2>
          <div id="search_box">
          <form action="#" method="get">
          <input type="text" value="Enter keyword here..." name="q" size="10" id="searchfield" title="searchfield" onfocus="clearText(this)" onblur="clearText(this)" />
          <input type="submit" name="Search" value="Search" alt="Search" id="searchbutton" title="Search" />
          </form>
          </div>

          </div>
                   
          <div class="cleaner"></div>
                   
          </div> <!-- end of sidebar -->

<div id="sidebar"> adalah posisi yang menunjukkan tegul di tengah situs. <td valign="top" style="width:200px;">

 Setelah penyesuaian Anda mendapatkan kode berikut:

Kode
<div id="sidebar">
                   
          <!-- <container> -->
<!-- <block> -->
          <div class="sidebar_section">
          <h2>TITLE</h2>
          CONTENT
          </div>
<!-- </block> -->
<!-- </container> -->
                   
          <div class="cleaner"></div>
          </div>
3) Bagian bawah situs
  . Sebelum tempat itu footer:  <!-- <footer> --> Dan dekat dengan <!-- </footer> -->.  Setelah situs pusat dekat dengan tegul </ body>
  Sekarang personalisasi konten, Teplice saja css gratis adalah: sesuatu seperti:
Copyright © 2048 Your Company Name | Designed by Free CSS Templates Copyright © 2048 Nama Perusahaan Anda | Dirancang oleh CSS Template Gratis

Copyright © 2048 Nama Perusahaan Anda ganti dengan:[COPYRIGHT]
dan setelah dia dapat menempatkan $POWERED_BY$ dan mengusapnya di mana Anda telah diajukan.
Dirancang oleh CSS Template Gratis Anda dapat menghapus, tetapi saya menyarankan Anda untuk tidak melakukannya
Semua CSS template gratis bebas bahkan jika mereka berhak cipta yang membutuhkan kehadiran hyperlink.
Anda juga dapat memasukkan template Link adaptor UcoZ.
Setelah adaptasi dari bagian yang saya punya ini:

Code Kode
<!-- <footer> -->
<div id="templatemo_footer_wrapper">
                 <div id="templatemo_footer">
                      
                 [COPYRIGHT] | $POWERED_BY$ | Adaptare in uCoz <a href="http://www.maxrom.ucoz.com" target="_">MaxRom</a>
                 | Designed by <a href="http://www.templatemo.com" target="_">Free CSS Templates</a>
                 </div>

</div> <!-- </footer> -->


4) pop up
Seperti yang saya katakan, menempatkan pop up halaman demi </ head> dan jika Anda tidak tahu bagaimana mengatakannya pada contoh ini dan menyesuaikan. Saya mengubah warna judul bar dan latar belakang untuk konten:

Kode
<!-- <popup> -->
<table border="0" cellpadding="2" cellspacing="1" style="background:#A9B8C2;" width="100%">
<tr><td style="background:#c5e09b;" align="center"><b>[TITLE]</b></td></tr>
<tr><td align="center" style="background:#fff;padding:5px;">[BODY]</td></tr>
</table>
<!-- </popup> -->


Menekan Save...

Kemudian konfirmasi. Setelah Anda mendapatkan jendela dengan ajax modul telah diubah.

Setelah mengadaptasi forum ini akan muncul seperti ini:
klick untuk memperbesar :



Beberapa bagian atas dan bawah dari isinya tidak terlihat, jadi segala sesuatu bisa terjadi. Kesalahan ini dapat mengubah secara manual.Jika Anda memasukkan penampilan umum dari halaman papan
vAnda akan melihat bahwa beberapa teguri hilang <div> dan diganti dengan:
Code Kode
<div class="forumContent">

  Jangan khawatir, sebelum
Code Kode
<div class="forumContent">
  <td> n <div> atau mengajukan template yang adalah Anda, dan ingat untuk menutupnya setelah
Code Kode
$BODY$</div><br />


  Ini adalah bagian pertama dari adaptasi, sekarang harus beradaptasi gaya untuk elemen sisi wadah dari situs dan forum.
  Pertama mulai dengan forum:

Pada awalnya saya menyarankan untuk menjaga gaya di file CSS txt Buka file itu dan mencari.:
/* ===== forum Start ===== */
alin segala sesuatu dari baris ini ke bagian bawah semua:
/* ====== forum End ====== */

Posted in file CSS dimuat di file manager
Untuk memperjelas: dalam hal segalanya cek tampilan tergantung pada gaya CSS, yaitu bahwa bagian dari gaya yang memenuhi desain forum. Jika template yang dipilih sebelum adaptasi memiliki nuansa mirip template yang sesuai, Anda akan memiliki lebih sedikit pekerjaan. Jika tidak sesuai forum adaptasi desain template, ganti sendiri. . Saya menyarankan untuk menggunakan program seperti Color Picker Gratis HTML .

  lalu saya menerima ini: http://garden.ucoz.ro/forum/

Sekarang Anda perlu untuk menyesuaikan gaya untuk situs elementrle dan seterusnya. TSemua CSS disimpan pencarian:


/* Menus */
dan
/* ----- */

/* Site Menus */
dan
/* --------- */

/* Module Part Menu */
dan
/* ----------------- */

/* Entries Style */
dan
/* ------------- */

/* Entry Manage Table */
dan
/* ------------------ */

/* Comments Style */
dan
/* -------------- */

/* Comments Form Style */
dan
/* ------------------- */

/* Archive Menu */
dan
/* ------------ */

/* Archive Style */
dan
/* ------------- */

/* Calendar Style */
dan
/* -------------- */

/* Poll styles */
dan
/* ---------- */

/* User Group Marks */
dan
/* ---------------- */

/* Other Styles */
dan
/* ------------ */

Semua gaya, seperti forum, diubah. Dalam beberapa kasus, gaya paling dapat dihilangkan dan lain-lain yang diperlukan. Dalam hal ini, situs akan menyimpan lebih asli, tapi itu hanya tergantung pada kebutuhan Anda.

SELAMAT MENCOBA...dan MEMPERAKTEKANYA ....

Semoga Sukses SOB.....


Bila Terjadi kesalahan atau link Download sudah Mati, anda Bisa Hub :
: sicklon@gmail.com : Sicklon Kz : @Sicklon_kz Atau Komentar, untuk Merepair Secepatnya
Added by: sicklon |
Views: 10556 | Placed till: 2012-08-01 | Rating: 0.0/0 | |
Total comments: 1
0   Spam
1 fsxbq   (2013-06-26 07:37:16)
ppppuuuuuu

Only registered users can add comments.
[ Registration | Login ]
Libur Puasa 2012

Pencarian :

Iklan
Wasiat Guru Sekumpul
1. Menghormati Ulama.
2. Baik Sangka Terhadap Muslimin.
3. Murah diri.
4. Manis Harta.
5. Manis Muka.
6. Jangan Menyakiti Orang.
7. Memaafkan Kesalahan Orang.
8. Jangan Bermusuh-musuhan.
9. Jangan Thoma.
10. Berpegang Kepada Allah Ta’ala kabul segala hajat.
11. Yakin Keselamatan itu ada pada yang benar.
12. Jangan merasa baik dari pada orang lain.
13. Tiap-tiap orang iri, dengki atau adu asah jangan dilayani serahkan saja pada Allah Ta’ala.
Statistics

Total online: 2
Guests: 2
Users: 0
Iklan
TibiaME - Kz

Copyright MyCorp SMK Negeri 1 Gambut © 2011 - 2016



/font>