web toolbar

vputin · Napísal **vputin**: 23.01.2011 19:06

Potreboval by som poradiť ako sa dá spraviť (poprípade nejaký návod) následovný script

Kód:

<script src="http://cdn.wibiya.com/Toolbars/dir_0565/Toolbar_565839/Loader_565839.js" type="text/javascript"></script>

našiel som to na jednej stránke a presne také dačo potrebujem aj na svoj web. Nepozná niekto nejaký návod pls ?

Dajte si ten kód do zdrojového kódu a následne Použiť zmeny (Opera).

alebo tu je obrazok co potrebujem spraviť (to žlté dole) ani neviem ako sa to spravne vola
web toolbar

DeeJay3 · Napísal **DeeJay3**: 24.01.2011 0:39

tu mas nejaky navod myslim

podla toho co ten toolbar ma splnat si to napises aj sam (mozno)....ak chces nieco vlastne tak ti staci nejaky div (s vlastnostami position:absolute; bottom:0px) vsadit do ňho tlacitka ktore ti zavolaju nejaky facebox a v nom budes mat tie facebook plugins

vputin · Napísal autor témy **vputin**: 24.01.2011 13:34

DeeJay to ci si my ploslal je sice super ale moc zložité na mna. Ja som chcel len daco jednoduche a teraz mám toto :

CSS :

Kód:

body
  {
  padding: 0;
  margin: 0;  
  }

  #info
  {
    overflow: visible;
    width: 100%;
    position: fixed;
    bottom:0px;
    z-index: 2;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9pt;
    font-weight: normal;
  }

  #infobar a, #infobar a:link, #infobar a:visited, #infobar a:active
  {
    display: block;
    float: left;
    width: 100%;
    clear: both;
    color: white;
    background: #000000;
    padding: .45em .3em .45em 2em;
    border-bottom: .16em outset;
    text-decoration: none;
    cursor: onclick;
  }

  #infobar a:hover
  {
    color: HighlightText;
    background: #000000;
  }

  #viewplot
  {
    width: 100%;
    height: expression(this.parentNode.offsetHeight - this.offsetTop);
    overflow-x: hidden;
    overflow-y: scroll;
    padding: 1em;
  }

A kod :

Kód:

<center>
<div id="info">
<div id="infobar">
<a href="LINK"><b>Text v strede</b></a>
</div>
</div>
</center>



<link rel="stylesheet" href="toolbar.css" type="text/css">
<td class="row1" width="100%" colspan="2" valign="bottom" nowrap="nowrap"><table width="100%" height="20" cellspacing="0" cellpadding="0" border="0">

</html>

No a tam kde je napísané "kod v strede" tam si dám linky napr na napísanie správy.
Jedine co potrebujem je aby sa mi napr. to "pisanie správy" zobrazovalo hned po kliknuti a tak v strede v okne ako je to napr tu : web toolbar

Nemusi to byt take pekne lebo to by som musel asi pisat iba nejako cez css ale keby to bolo ako nove okno bez tohoto co je v ramceku:
web toolbar

DeeJay3 · Napísal **DeeJay3**: 25.01.2011 12:16

vputin píše:

A kod :

Kód:

<center>
<div id="info">
<div id="infobar">
<a href="LINK"><b>Text v strede</b></a>
</div>
</div>
</center>



<link rel="stylesheet" href="toolbar.css" type="text/css">
<td class="row1" width="100%" colspan="2" valign="bottom" nowrap="nowrap"><table width="100%" height="20" cellspacing="0" cellpadding="0" border="0">

</html>

vputin · Napísal autor témy **vputin**: 25.01.2011 20:19

Mozno by som to aj zvladol ale mne bude bohate stacit ked najdem nejaky sposob ako spravim aby 4 obrazky mali bottom 0px a aby mali medzeru medzi sebou 25%. Nech to skusam akokolvek tak mi to stale hodi do 4 riadkov.

teraz to mam takto :

Kód:

body
  {
  padding: 0;
  margin: 0;  
  }

  #info
  {
    overflow: visible;
    width: 100%;
    position: fixed;
    bottom:0px;
    z-index: 1;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9pt;
    font-weight: normal;
  }

  #infobar a, #infobar a:link, #infobar a:visited, #infobar a:active
  {
    display: block;
    float: left;
    width: 100%;
    clear: both;
    color: white;
    z-index: 1;
    background-image:url('/bar.png');
    background-repeat:repeat-x;
    padding: .45em .3em .45em 2em;
    border-bottom: .16em outset;
    text-decoration: none;
    cursor: onclick;
  }

  #infobar a:hover
  {
    color: HighlightText;
    background-image:url('/bar.png');
    z-index: 77;
  }

  #viewplot
  {
    width: 100%;
    z-index: 78;
    height: expression(this.parentNode.offsetHeight - this.offsetTop);
    overflow-x: hidden;
    overflow-y: scroll;
    padding: 1em;
  }

Kód:

<div id="info"><div id="infobar">

A TUTO POTREBUJEM 4 Obrazky 25% od seba vzdialene a uz fakt neviem ako to mam spravit. Uz som v koncoch

</div></div>

takto to zatial vyzera

Kód:

http://nasatrieda.sweb.cz/test/indextoolbar.html

shaggy · Napísal **shaggy**: 25.01.2011 20:43

Presúvam, pretože ty tu riešiš, ako niečo oštýlovať. Keď budeš mať HTML základ hotový, tak si založ nové vlákno v javascripte - ale ak nemáš základy, tak ho radšej ani nezakladaj a niečo si naštuduj. Bez toho všetky naše rady nemajú zmysel.

vputin · Napísal autor témy **vputin**: 25.01.2011 20:54

ved prave preto ze to neviem tak by som chcel iba to, co som napisal 4 obrazky 25% od seba a aby tie obrazky boli odkaz. To je take tazke spravit ? Ved zas uplna lama nie som ale studovat som to nestudoval.
Ja som len chcel hotový kod (ak to teda nie je tažké a dlhé). Aby to nove okno nejako EXTRA vyzeralo som zistil že je tažké spraviť, preto mi stačí klasické okno prehladača a preto potrebujem len ten kod s obrazkami.

A len taka podotazka : Skupinový facebook chat (originálny) sa asi nedá dať na web že ?

shaggy · Napísal **shaggy**: 25.01.2011 21:31

vputin píše:

To je take tazke spravit ?

Asi hej, keď to nevieš.

vputin píše:

Ja som len chcel hotový kod

Ale to ti tu nikto nedá. Radiť ti tu budeme, len musíš prejaviť trochu vlastnej iniciatívy.

vputin píše:

A len taka podotazka : Skupinový facebook chat (originálny) sa asi nedá dať na web že ?

Dá. Ak sa ti podarí stiahnuť všetky obrázky, potrebné štýly, zobrať ich html kód a úspešne ho implementovať do svojej stránky, tak je to jednoduché... ak teda nepotrebuješ, aby ten chat fungoval, to si budeš musieť naprogramovať aj funkcionalitu na strane servera.
My sme to v práci nedávno riešili, je to jednoduché, pre dvoch skúsenejších programátorov je to s odladením práca iba na pár dní (ak by niekto nepochopil, tak to bolo myslené ironicky).

DeeJay3 · Napísal **DeeJay3**: 25.01.2011 23:09

ved ty tam mas ten link cez cely ten bar kedze si dal linkom vo vnutry display block prebralo vlastnost z vonkajsieho elementu <div> width=100% preto ti kazdy odkaz natiahned na 100% preto ti ich hodi do viac riadkov zrus pre

#infobar a, #infobar a:link, #infobar a:visited, #infobar a:active

display: block;
float: left;

a pridaj

width: 40px;
margin-right: 10px;

v tom navode staci aby si mal male zaklady a spravis co som ti napisal...a bude to aj vyzerat pekne

vputin · Napísal autor témy **vputin**: 06.02.2011 19:55

Dakujem za pomoc uz som si to spravil len teraz mám problém z FB. http://developers.facebook.com/docs/plugins tieto socialne pluginy mi nefunguju na skupinu. Je to tým že je súkromná ?

johnny04501 · Napísal **johnny04501**: 06.02.2011 22:14

jj ked je to sukromna skupina alebo page tak to ti nezobrazi podla mna pretoze to je neviditelne pre inych .. podla mna

vputin · Napísal autor témy **vputin**: 07.02.2011 19:03

ale normalnu skupinu zobrazi nie ?

johnny04501 · Napísal **johnny04501**: 07.02.2011 19:05

jj to ti zobraziii

web toolbar

Podobné témy