MyCity » Web dizajn / HTML » Kreiranje podmenija u blogeru

Kreiranje podmenija u blogeru

Napisano na dan: 15.6.2014
1

Kreiranje podmenija u blogeru
Sledeća strana Pagination

Idi na vrh

Poslao: 18 Jun 2014 21:41
Idi na vrh
offline
  • Pridružio: 18 Sep 2009
  • Poruke: 59

Napisano: 15 Jun 2014 21:32

Поздрав свима,
Експериментишем нешто са прављењем блога на блогеру, али ми никако не полази за руком да направим подменије, јер се не разумем у програмирање.

Користио сам упутства са следећох линкова:
Линк за сајт са упутством одакле сам копирао код:
mybloggertricks.com/2011/07/create-drop-down-menu-in-blogger.html
Још један линк са сличном садржином, овде се види тај ред.бр. 13 са три тачкице:
nosegraze.com/how-to-add-a-drop-down-menu-navigation-in-blogger/
Ово је први видео који говори уопште о коришћењу блоггера:
youtube.com/watch?v=MfDcwI2OdcQ
И ово је други видео који говори управо о креирању падајућег менија:
youtube.com/watch?v=fkC7D0K4f6U

Овај први ред где се налазе зелене стране 1,2,3 и 4 је виџет који се зове странице и њега сам ту поставио само да бих могао кликом на страницу да добијем адресе страница које треба убацити у код, после бих га уклонио, е сад не знам тачно да ли се убацује само адреса почетне странице или од сваке посебне странице.
Овај други ред где се стране 1,2,3 и 4 налазе на црној подлози је у ствари тај хтмл/јава виџет. Било би згодно кад би он исто могао да буде зелене боје као и онај горе.
Ево адреса тог пробног блога:
mojablogproba.blogspot.com/
Ето, надам се да сам био јасан, па ако је неко вољан да помогне био бих јако захвалан.
Поздрав,

Dopuna: 18 Jun 2014 21:41

Да ли је могуће да је моје питање толико тешко да нико не зна одговор?



Registruj se da bi učestvovao u diskusiji. Registrovanim korisnicima se NE prikazuju reklame unutar poruka.
Poslao: 19 Jun 2014 17:23
Idi na vrh
offline
  • Rade Jekić
  • Pridružio: 05 Okt 2005
  • Poruke: 3005
  • Gde živiš: Valjevo

Iskren da budem, ja nisam razumeo šta ti želiš da postigneš. Želiš da postaviš dropdown meni? Koliko vidim postavio si dodatni vidžet, unutar njega kao podmeni postavljaš statične stranice koje želiš. Ako misliš da na ovaj način imaš postavljene dinamičke stranice sa postovima, to zaboravi...na blogger platformi imaš ograničen pristup u izmenama i podešavanju.



Poslao: 19 Jun 2014 17:54
Idi na vrh
offline
  • 100%Milanista
  • Information Technology
  • Pridružio: 23 Avg 2008
  • Poruke: 2634
  • Gde živiš: Milan, Italy

Moze to sto si zamislio, koliko vidim sa linkova koje si ostavio imas sve lijepo objasnjeno tako da ne znam gdje si zapeo... Smile

Citat: е сад не знам тачно да ли се убацује само адреса почетне странице или од сваке посебне странице.

Od svake posebne ubacujes.

Ja sam to bas odradio na jednom od sajtova koji je preko bloggera LINK

Ne znam gdje si zapeo pokazi mi kod i gdje si zapeo pa cu da ti kazem.

Poslao: 19 Jun 2014 20:50
Idi na vrh
offline
  • Pridružio: 18 Sep 2009
  • Poruke: 59

Е баш то хоћу да урадим.

Ево ти код:

<div id='mbtnavbar'>       <ul id='mbtnav'>         <li>           <a href='http://mojablogproba.blogspot.com/p/1.html'>Страна 1</a>         </li>         <li>           <a href='http://mojablogproba.blogspot.com/p/2_3001.html'>Страна 2</a>        </li>         <li>           <a href='http://mojablogproba.blogspot.com/p/3_4.html'>Страна 3</a>         </li>   <li>            <a href='http://mojablogproba.blogspot.com/p/4_4.html'>Страна 4</a>              <ul>                 <li><a href='http://mojablogproba.blogspot.com/p/4_4.html'>Страна 4.1</a></li>                 <li><a href='http://mojablogproba.blogspot.com/p/4_4.html'>Страна 4.2</a></li>                 <li><a href='http://mojablogproba.blogspot.com/p/4_4.html'>Страна 4.3</a></li>               </ul>         </li>       </ul>     </div>

Poslao: 20 Jun 2014 15:42
Idi na vrh
offline
  • 100%Milanista
  • Information Technology
  • Pridružio: 23 Avg 2008
  • Poruke: 2634
  • Gde živiš: Milan, Italy

@milansombor

A css ? To nista? Mislio si da ce samo sa HTML da radi? Bebee Dol

<html>    <head>       <style>          #mbtnavbar li {          display: inline-block;          }          #mbtnavbar .has-sub:hover ul {          display: block;          }          #mbtnavbar .has-sub ul {          display: none;          padding: 0;          position: absolute;          }          #mbtnavbar .has-sub li {          display: block;          }       </style>    </head>    <div id='mbtnavbar'>       <ul id='mbtnav'>          <li><a href='http://mojablogproba.blogspot.com/p/1.html'>Страна 1</a> </li>          <li><a href='http://mojablogproba.blogspot.com/p/2_3001.html'>Страна 2</a> </li>          <li><a href='http://mojablogproba.blogspot.com/p/3_4.html'>Страна 3</a> </li>          <li class='has-sub'>             <a href='http://mojablogproba.blogspot.com/p/4_4.html'>Страна 4</a>             <ul>                <li><a href='http://mojablogproba.blogspot.com/p/4_4.html'>Страна 4.1</a></li>                <li><a href='http://mojablogproba.blogspot.com/p/4_4.html'>Страна 4.2</a></li>                <li><a href='http://mojablogproba.blogspot.com/p/4_4.html'>Страна 4.3</a></li>             </ul>          </li>       </ul>    </div> </html>

Poslao: 20 Jun 2014 20:03
Idi na vrh
offline
  • Programer
  • Pridružio: 23 Maj 2012
  • Poruke: 4575

Milan reče u prvom postu da se ne razume u programiranje - ovo ti nije programiranje već web dizajn Smile Da bi tebi, a i nama bilo lakše da ti pomognemo pri nekom problemu, preporučujem ti da pređeš bar osnove HTML jezika i naučiš kako da koristiš CSS. HTML i CSS nisu teški, naučićeš ih brzo.

Arrow http://www.mycity.rs/Web-dizajn/WEB-Dizajn-Tutorijali.html#p1431489

Preporučujem ti da baciš pogled i na članak HTML5 pošto je on akteulna verzija HTML-a i sa sobom donosi dosta unapređenja za lakši rad Smile

Arrow http://www.mycity.rs/Web-dizajn/Osnove-HTML5.html

Poslao: 20 Jun 2014 21:26
Idi na vrh
offline
  • Pridružio: 18 Sep 2009
  • Poruke: 59

Napisano: 20 Jun 2014 21:00

Мислио сам да ће онај други део кода што требам да ископирам у сам шаблон да реши ствар, али очигледно није.
Реци ми где ово треба да ископирам?

Dopuna: 20 Jun 2014 21:26

Ископирао сам овај код у HTML/Java виџет, међутим након снимања истог нестану ми редови <html> <head> на почетку и затварање заглавља </head> и опет неће да ради.
Успут и читам ове линкове.

Poslao: 21 Jun 2014 13:20
Idi na vrh
offline
  • Programer
  • Pridružio: 23 Maj 2012
  • Poruke: 4575

Normalno je da nestanu <html> i <head> jer se u suštini taj vidžet nalazi već u jednom HTML dokumentu. U tom slučaju ćeš morati da koristiš inline css.

<li style="display: inline-block;"><a href='http://mojablogproba.blogspot.com/p/1.html'>Страна 1</a> </li> <li style="display: inline-block;"><a href='http://mojablogproba.blogspot.com/p/2_3001.html'>Страна 2</a> </li> <li style="display: inline-block;"><a href='http://mojablogproba.blogspot.com/p/3_4.html'>Страна 3</a> </li>

I tako za svaki element dodaj atribut style i CSS za njega.

Poslao: 21 Jun 2014 13:47
Idi na vrh
offline
  • 100%Milanista
  • Information Technology
  • Pridružio: 23 Avg 2008
  • Poruke: 2634
  • Gde živiš: Milan, Italy

@milansombor

Ovaj dio prekopiraj tamo gdje ti se nalazi css u kodu. Valjda znas da razlikujes css?

         #mbtnavbar li {          display: inline-block;          }          #mbtnavbar .has-sub:hover ul {          display: block;          }          #mbtnavbar .has-sub ul {          display: none;          padding: 0;          position: absolute;          }          #mbtnavbar .has-sub li {          display: block;          }

Ovaj dio prekopiraj tamo gdje ti je i inace pre bio kod samo zameni:

   <div id='mbtnavbar'>       <ul id='mbtnav'>          <li><a href='http://mojablogproba.blogspot.com/p/1.html'>Страна 1</a> </li>          <li><a href='http://mojablogproba.blogspot.com/p/2_3001.html'>Страна 2</a> </li>          <li><a href='http://mojablogproba.blogspot.com/p/3_4.html'>Страна 3</a> </li>          <li class='has-sub'>             <a href='http://mojablogproba.blogspot.com/p/4_4.html'>Страна 4</a>             <ul>                <li><a href='http://mojablogproba.blogspot.com/p/4_4.html'>Страна 4.1</a></li>                <li><a href='http://mojablogproba.blogspot.com/p/4_4.html'>Страна 4.2</a></li>                <li><a href='http://mojablogproba.blogspot.com/p/4_4.html'>Страна 4.3</a></li>             </ul>          </li>       </ul>

I to je to posle samo preko css-a dekorisi i sredjuj izgled po volji i zelji. I naravno promeni putanju za stranu 4.2 i stranu 4.3 to valjda znas i sam...

Poslao: 21 Jun 2014 22:31
Idi na vrh
offline
  • Pridružio: 18 Sep 2009
  • Poruke: 59

Извини, али не знам да разликујем CSS у коду, рекох да се не разумем у програмирање, ако би могао тачно да ми кажеш где се тачно налази или како да га разликујем и пронађем. Хвала.

MyCity » Web dizajn / HTML » Kreiranje podmenija u blogeru

Ko je trenutno na forumu
 

Ukupno su 1084 korisnika na forumu :: 36 registrovanih, 7 sakrivenih i 1041 gosta   ::   [ Administrator ] [ Supermoderator ] [ Moderator ] :: Detaljnije

Najviše korisnika na forumu ikad bilo je 3466 - dana 01 Jun 2021 17:07

Korisnici koji su trenutno na forumu:
Korisnici trenutno na forumu: _Rade, airsuba, Andrija357, Belisarius, Bobrock1, cemix, Darkhunter, djuradj, Gargantua, HogarStrashni, Insan, kokodakalo, Kriglord, Kubovac, kybonacci, mean_machine, Metanoja, Mi lao shu, Milos ZA, MiroslavD, nemkea71, nenooo, nikoladim, pein, pristinski korpus, Shinobi, strelac07, Tragač, USSVoyager, vaso1, Vatreni Zmaj, Vlad000, VladaKG1980, Wrangler, yufighter, Zimbabwe