Jak zedytować szablon PrintDesign


Witajcie :)
Tu Weronika223401 dzisiaj pomogę wam edytować szablon PrintDesign 
Na żywo zobaczysz go tu : KLIK!
Pobierzesz go tu : KLIK!
Tam klikacie DOWNLOAD

Jeśli instalujesz inny szablon, pamiętaj, by zawsze wysyłać plik w formacie .xml
  

1.Edycja menu.


Wyszukujemy : <ul class='menus menu-secondary'>



np. przy użyciu kombinacji klawiszy CTRL + F (wpierw trzymanie przyciśniętego przycisku CTRL i w trakcje trzymania klikamy literę F), potem wpisujemy w wyskakującym okienku powyższy kod (ważne! nie pomyl się) i klikamy enter.

To <li><a expr:href='data:blog.homepageUrl'>Home</a></li> jest to strona główna Home zmieniacie na np. strona główna lub blog.

Business rozwija menu.
Zmieniacie ją na np. Instrukcje lub chat. 

Internet to nazwa podrzędna pojawia się po rozwinięciu menu.






# usuwacie pomiędzy ' ' wklejacie link do strony np.kooosmicznemsp.blogspot.com po wklejeniu link ma wyglądać tak : 'kooosmicznemsp.blogspot.com'


UWAGA! LINKI MUSZĄ BYĆ Z HTTP:// NA POCZĄTKU

Tak samo robicie z Market , Stock itd.

Jednak z <li><a href='#'>Business</a> jest inaczej tam zostawiacie '#'  

Teraz zajmiemy się : 


<li><a href='#'>Downloads</a>
<ul class='children'>
<li><a href='#'>Dvd</a></li>
<li><a href='#'>Games</a></li>
<li><a href='#'>Software</a>
<ul class='children'>
<li><a href='#'>Office</a>
</li>
</ul>
</li>
</ul>
</li>


To kod menu rozwijanego który rozwija się po rozwinięciu . Tak jak u nas na blogu .

Blog w typ przypadku jest Sotware.

<li><a href='#'>Software</a> zostawiacie '#' zmieniacie tylko nazwę 
<li><a href='#'>Office</a>  # usuwacie pomiędzy ' ' wklejacie link do strony 


<li><a href='#'>Parent Category</a>
<ul class='children'>
<li><a href='#'>Child Category 1</a>
<ul class='children'>
<li><a href='#'>Sub Child Category 1</a></li>
<li><a href='#'>Sub Child Category 2</a></li>
<li><a href='#'>Sub Child Category 3</a></li>
</ul>
</li>
<li><a href='#'>Child Category 2</a></li>
<li><a href='#'>Child Category 3</a></li>
<li><a href='#'>Child Category 4</a></li>
</ul>
</li>

Jest podobnie .


<li><a href='#'>Child Category 1</a> zostawiacie '#' zmieniacie tylko nazwę 

<li><a href='#'>Sub Child Category 1</a></li>
<li><a href='#'>Sub Child Category 2</a></li> # usuwacie pomiędzy ' ' wklejacie link do strony 
<li><a href='#'>Sub Child Category 3</a></li>







<li><a href='#'>Featured</a></li> i  <li><a href='#'>Uncategorized</a></li> to menu nie rozwijane # usuwacie pomiędzy ' ' wklejacie link do strony. Zapisujemy szablon.

2.Edycja pokazu slajdów.


Wyszukujemy : <!– Featured Content Slider Started –> 

<!-- Slide 1 Code Start --> Znaczy o początku slajdu <!-- Slide 1 Code End --> O jego końcu.

Przy tytule slajdu jest '#'  zamiast # dajecie link do strony na którą po kliknięciu na obrazek was przeniesie.
Pamiętaj żeby nie usunąć ' '
Zalinkować obrazek możecie na tej stronie.

I tak robicie z kolejnymi slajdami . Jeśli chcecie mniej slajdów po prostu usuwacie  kod slajdu.
Oczywiście zapisujemy szablon.

3.Jak zmienić kolor menu.

Wyszukujemy : menu-secondary-container 
W paincie robicie pasek jednego koloru np. czerwonego .

 >przykład jednolitego obrazka>
Potem tworzycie do niego link na tej stronie
Tak jak na obrazku kasujecie ten link i zastępujecie (wklejacie pomiędzy nawiasami)

Jednak to nie wszystko, teraz nadszedł czas na edycję menu po rozwinięciu:
Aby zmienić kolor zaznaczonego fragmentu zaznaczamy "rozszerz szablony widżetów"
Wyszukujemy : .menu-secondary li li a

W fragmencie zaznaczonym na czerwono zmieniacie na kolor HTML kolory znajdziesz tu.
Zapisujemy zmiany.

4.Jak zmienić tło.


Rozszerzamy szablony widżetów .
Wyszukujemy : <style type='text/css'>
Usuwamy ten link i zastępujemy go własnym. 

  • Jak ustawić powtarzający się wzorek?

Kasujemy to co zaznaczone na obrazku.

  • Jak ustawić tylko kolor tła?
Kasujemy to:
background:#F4F4F4 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiM3DcptqK9dfAp33hJh0BKgQfJg8VPPuiCDOFTZv04w_nWBzG9tDDZWpJKbgg16eds3_SqPpNVKLlS0Yp05VA9wFirwPhn3D_W7G-rAAfkPiB8uBln_fQ5aqVwcNMN102jajSRAFofn1rH/s0/background.jpg) center top no-repeat;

Zapisujemy zmiany i GOTOWE!
Proszę bądźcie wyrozumiali napisanie takiej instrukcji zajmuje dość dużo czasu pisałam ją przez 3 godziny :)
Pozdrawiam 

0 komentarze:

Prześlij komentarz