Program na editaci přímo v prohlížeči

Místo pro dotazy a rady ohledně programovacích jazyků (C++, C#, PHP, ASP, Javascript, VBS..) a tvorby webových stránek

Moderátor: Mods_senior

Zamčeno
Uživatelský avatar
StrejdaSam
Level 1.5
Level 1.5
Příspěvky: 117
Registrován: 11 pro 2010 01:03

Program na editaci přímo v prohlížeči

Příspěvek od StrejdaSam »

Ahoj, nevím jestli toto téma sem úplně zapadne.. ale neexistuje nějakej program, kterej by fungoval na stejný bázi jako FireBug, akorát, že by ponechal výsledky na stálo?
Že bych si takhle mohl upravit stránku dle mé myšlenky a viděl bych to pouze já?
Děkuju
Doodle Noodle
Uživatelský avatar
Myloš
Master Level 8.5
Master Level 8.5
Příspěvky: 6991
Registrován: 11 dub 2006 09:09
Bydliště: Praha

Re: Program na editaci přímo v prohlížeči

Příspěvek od Myloš »

Pokud jde o úpravu vzhledu (písma, barvy, rozložení), tak na to používám v Opeře uživatelské stylopisy.
CSS pro tento web jsem si napsal takto:

Kód: Vybrat vše

body {background-image: url(pruh1.png); background-repeat: repeat-x; background-color: #697f90 !important;}
#reklama-dalsi_partneri, #google {display: none !important;}
.topictitle, div.content {font-size: 13pt !important;}
div#wrap {position: relative; width: 1300px !important; padding: 0 !important; margin: 0 120px !important;}
#wrap:after {position: absolute; z-index: 5; width: 150px; height: 140px; top: -3px; right: 35px; content: " ";
  background-image: url('pc-help_duch.png') !important; background-repeat: no-repeat;}

a vypadá takhle:
Přílohy
pchelp.jpg
  • Než položíte dotaz, nejprve se ptejte strejdy Gůůgla.
  • Výňatek z pravidel fóra PC-HELP:
    • Název tématu zvolte takový, aby co nejvýstižněji charakterizoval obsah tématu.
    • Nesnažte se řešit jiný problém (i když podobný) v jednom tématu. Raději založte nové téma.
  • Mýliti se je Myloš. ;-)
Uživatelský avatar
StrejdaSam
Level 1.5
Level 1.5
Příspěvky: 117
Registrován: 11 pro 2010 01:03

Re: Program na editaci přímo v prohlížeči

Příspěvek od StrejdaSam »

Stylopisy.. dobře, kde je najdu?
Doodle Noodle
Uživatelský avatar
Myloš
Master Level 8.5
Master Level 8.5
Příspěvky: 6991
Registrován: 11 dub 2006 09:09
Bydliště: Praha

Re: Program na editaci přímo v prohlížeči

Příspěvek od Myloš »

Musíš si je pro každý web, který chceš změnit, napsat.
Což předpokládá jisté znalosti a dovednosti v CSS.
V Opeře pak přes pravé myšítko na stránce zvolíš Upravit místní nastavení… a ma záložce Zobrazení vybereš CSS soubor, který sis napsal.
Jestli jde něco podobného ve Firefoxu, to nevím, nikdy jsem to nepotřeboval a nezkoušel.

Ještě doplním, že jsou uživatelské stylopisy nesmírnou pomůckou při tisku některých webů, kdy kodér nenapsal tiskové styly. Takhle jsem ušetřil už hodně barvy a papíru.
  • Než položíte dotaz, nejprve se ptejte strejdy Gůůgla.
  • Výňatek z pravidel fóra PC-HELP:
    • Název tématu zvolte takový, aby co nejvýstižněji charakterizoval obsah tématu.
    • Nesnažte se řešit jiný problém (i když podobný) v jednom tématu. Raději založte nové téma.
  • Mýliti se je Myloš. ;-)
Uživatelský avatar
StrejdaSam
Level 1.5
Level 1.5
Příspěvky: 117
Registrován: 11 pro 2010 01:03

Re: Program na editaci přímo v prohlížeči

Příspěvek od StrejdaSam »

Jestli tedy chápu dobře (nejsem odborník) dá se i něco takového zapsat pomocí html tagů?
A pokud ne, dá se takto pozměnit i vzhled stránky za pomocí: Přímého zápisu?
Nebo lze použít pouze Stylopis?
Doodle Noodle
Uživatelský avatar
Myloš
Master Level 8.5
Master Level 8.5
Příspěvky: 6991
Registrován: 11 dub 2006 09:09
Bydliště: Praha

Re: Program na editaci přímo v prohlížeči

Příspěvek od Myloš »

  1. Pomocí HTML tagů se nic takového zapsat nedá. HTML není CSS.
    HTML = Hyper Text Markup Language = „hypertextový značkovací jazyk“. Tímto jazykem se popisuje struktura dokumentu (co je nadpis, co je odstavec, co je seznam…) a v horším případě lze pomocí tohoto jazyka ovlivňovat vzhled stránky (je to neefektivní a zastaralé řešení). Například <p>toto je odstavec</p>.
    CSS = Cascading Style Sheets = „tabulky kaskádových stylů“, jednoduše „kaskádové styly“ (žádné „tabulky“ to neobsahuje), což je jednoduchý jazyk, pomocí kterého se jednotlivým prvkům webové stránky nastavují pravidla, jak a kde se mají zobrazit.
    Například p {text-indent: 2em;} určuje, že bude mít každý první řádek odsazení přibližně o šířce 5 písmen nebo 8 &nbsp; doprava.
  2. Nevím, co máš na mysli „přímým zápisem“.
  3. Ne že „lze použít stylopis“, ale že je potřeba si ho vytvořit. Slovem stylopis (podobně jako slova opis, nápis, zápis, výpis…) jsem měl na mysli to, že otevřeš editor (Poznámkový blok, PSPad nebo jiný podobný), zapíšeš několik stylových (neboli CSS) pravidel pro daný server a celé to uložíš jako soubor (nejlépe s příponou .css – stejně jako HTML ukládáš s příponou .html a text s příponou .txt) a v Opeře pak výše uvedeným způsobem přiřadíš danému webu.
  • Než položíte dotaz, nejprve se ptejte strejdy Gůůgla.
  • Výňatek z pravidel fóra PC-HELP:
    • Název tématu zvolte takový, aby co nejvýstižněji charakterizoval obsah tématu.
    • Nesnažte se řešit jiný problém (i když podobný) v jednom tématu. Raději založte nové téma.
  • Mýliti se je Myloš. ;-)
Uživatelský avatar
StrejdaSam
Level 1.5
Level 1.5
Příspěvky: 117
Registrován: 11 pro 2010 01:03

Re: Program na editaci přímo v prohlížeči

Příspěvek od StrejdaSam »

Jj.. :-)
Já to CSS právěže neuměl tak jsem mlel blbosti. ;-)
Teď už je to v cajku.. takže vím
Doodle Noodle
Uživatelský avatar
Myloš
Master Level 8.5
Master Level 8.5
Příspěvky: 6991
Registrován: 11 dub 2006 09:09
Bydliště: Praha

Re: Program na editaci přímo v prohlížeči

Příspěvek od Myloš »

V pohodě. :wink:
  • Než položíte dotaz, nejprve se ptejte strejdy Gůůgla.
  • Výňatek z pravidel fóra PC-HELP:
    • Název tématu zvolte takový, aby co nejvýstižněji charakterizoval obsah tématu.
    • Nesnažte se řešit jiný problém (i když podobný) v jednom tématu. Raději založte nové téma.
  • Mýliti se je Myloš. ;-)
Zamčeno
  • Podobná témata
    Odpovědi
    Zobrazení
    Poslední příspěvek

Zpět na „Programování a tvorba webu“