web toolbar

vputin · Napísal **vputin**: 23.01.2011 19:06 | web toolbar

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 | web toolbar

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 | web toolbar

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 | web toolbar

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 | web toolbar

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 | web toolbar

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 | web toolbar

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 | web toolbar

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 | web toolbar

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 | web toolbar

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 | web toolbar

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 | web toolbar

ale normalnu skupinu zobrazi nie ?

johnny04501 · Napísal **johnny04501**: 07.02.2011 19:05 | web toolbar

jj to ti zobraziii

web toolbar

web toolbar

Podobné témy

Ask toolbar

Daelio Toolbar

google toolbar

My811.Toolbar problem

Hľadám Toolbar (vista)

Vista toolbar pre XP

nevolany host......Babylon Toolbar.....ako sa ho zbavit???

Web hosting control panel pre free web

Hľadáme programátora web stránok a web aplikácií

Hľadáme (1.) web dizajnéra a (2.) web kódera - na dlhodobú spoluprácu / práca z domu

web kamera & web

web

web

web

web

web