| Autor | Zpráva | ||
|---|---|---|---|
| 7777 Profil |
Takže ako som už spomínal kámošovi prerábam web na novšiu verziu nahrádzam Ramy,tabuľky,center a iné zastaralé tagy modernejšími. Chcel by som nahradiť tento zápis nejakým css zápisom.
niečo v tomto zmysle <a href="uvod.html" target="main" onmouseover="document.all.Logo.src='poz2a.jpg'" onmouseout="document.all.Logo.src='poz1a.jpg'">Úvod</a><br><br> <a href="autor.html" target="main" onmouseover="document.all.Logo.src='poz2a.jpg'" onmouseout="document.all.Logo.src='poz1a.jpg'">O autorovi</a><br><br> <a href="slovnicek.htm" target="main" onmouseover="document.all.Logo.src='poz2a.jpg'" onmouseout="document.all.Logo.src='poz1a.jpg'">O fantasy fetish</a><br><br> <a href="povidky/index.htm" target="main" onmouseover="document.all.Logo.src='poz2a.jpg'" onmouseout="document.all.Logo.src='poz1a.jpg'">Povídky</a><br><br> <a href="movies/index.htm" target="main" onmouseover="document.all.Logo.src='poz2a.jpg'" onmouseout="document.all.Logo.src='poz1a.jpg'">Filmečky</a><br><br> <a href="Odkazy.html" target="main" onmouseover="document.all.Logo.src='poz2a.jpg'" onmouseout="document.all.Logo.src='poz1a.jpg'">Odkazy</a><br><br> <a href="update/update.htm" target="main" onmouseover="document.all.Logo.src='poz2a.jpg'" onmouseout="document.all.Logo.src='poz1a.jpg'">Novinky</a><br><br> niečim ako toto: a.menič bacground-image: {} a.hover.menič :bacground-image: {} <li><a class="Menič" href="#"></a></li> S tým že pre všetky odkazy by boli dva obrázky ako pozadie,ktoré by medzi sebou menili po prejdení myši na odkaz. |
||
| Davex Profil |
#2 · Zasláno: 6. 1. 2013, 00:03:16
Jde to dokonce jen s jedním obrázkem - http://www.wellstyled.com/css-nopreload-rollovers.html
|
||
| Rellik Profil |
#3 · Zasláno: 6. 1. 2013, 06:33:42
Na to ti stačí obyčejný hover a nemusíš tam cpát žádný JS
.zmena a: { url("prvni_obrazek.png");}
.zmena a:hover :bacground-image: { url("jiny_obrazek.png");}
<li><a class="zmena"href="#"></a></li>Já si třeba všechny ikonky použité na webu slučuju pouze do jednoho obrázku, a k tomu si dělám css, ve kterém jsou defiované jednotlivé ikonky, které pak používám na webu... |
||
| joe Profil |
Rellik:
„k tomu si dělám css, ve kterém jsou defiované jednotlivé ikonky“ Máš to zbytečně složité, stačilo by ti napsat: [class^=mmrs-icon-],
[class*=mmrs-icon-] {
width: 20px;
height: 20px;
background: url(images/mmrs_20_20_icons.png) no-repeat;
display: inline-block;
padding-right: 10px;
}a pak už jen jednotlivým třídám určit pozici ikonky v obrázku: .mmrs-icon-edit { background-position: 0 0;}
.mmrs-icon-preview { background-position: -25px 0; }
.mmrs-icon-eye { background-position: -50px 0; }
... |
||
| 7777 Profil |
#5 · Zasláno: 6. 1. 2013, 11:50:28
Ale bude to fungovať takto? Odkaz na kamarátov web http://d.vana.sweb.cz/ všimnite si ako sa obrázok mení. Takto to bude fungovať?
|
||
| 7777 Profil |
#6 · Zasláno: 7. 1. 2013, 23:28:35
Keďže článok z podrobnejším popisom mi bol zmazaný dávam sem. Toto som vo svojej žiadosti nemyslel. Tlačítka si totiž viem spraviť i sám a oveľa oveľa jednoduhšie. Ide asi o toto: Kamaoš si kedysi spravil web komplet v rámoch a tak odladil i svoje menu. odkaz na jeho stránku:tu ja som sa podujal spraviť mu nový desing aspoň niečo ako vývar s toho starého. A rád by som použil i staré menu ale je veľmý zastaralé. Preto som chcel vedieť ho rozbehať. Menu nepozostáva s tlačítok ani podobných malých obrázočkov. Ak najedeme na odkaz holka na pozadí se pohne. A ja by som chcel nejako jednoduchšie prerobiť toto menu v mojej verzii stránok
tu... Menu v súčastnosti pozostáva zo zápisov: <!-- Preload Script -->
<script LANGUAGE="JavaScript">
<!--
function newImage(arg) {
if (document.images) {
rslt = new Image();
rslt.src = arg;
return rslt;
}
}
var preloadFlag = false;
function preloadImages() {
if (document.images) {
main02_over = newImage("poz2a.jpg");
preloadFlag = true;
}
}
// -->
</SCRIPT>
<!-- End Preload Script --><body ONLOAD="preloadImages();"> <h2>Fantasy Fetish</h2><br> <a href="uvod.html" target="main" onmouseover="document.all.Logo.src='poz2a.jpg'" onmouseout="document.all.Logo.src='poz1a.jpg'">Úvod</a><br><br> <a href="autor.html" target="main" onmouseover="document.all.Logo.src='poz2a.jpg'" onmouseout="document.all.Logo.src='poz1a.jpg'">O autorovi</a><br><br> <a href="slovnicek.htm" target="main" onmouseover="document.all.Logo.src='poz2a.jpg'" onmouseout="document.all.Logo.src='poz1a.jpg'">O fantasy fetish</a><br><br> <a href="povidky/index.htm" target="main" onmouseover="document.all.Logo.src='poz2a.jpg'" onmouseout="document.all.Logo.src='poz1a.jpg'">Povídky</a><br><br> <a href="movies/index.htm" target="main" onmouseover="document.all.Logo.src='poz2a.jpg'" onmouseout="document.all.Logo.src='poz1a.jpg'">Filmečky</a><br><br> <a href="http://www.blueboard.cz/kniha/rkn2nniosktu3dohnv9jtofcrae5jk" target="main" onmouseover="document.all.Logo.src='poz2a.jpg'" onmouseout="document.all.Logo.src='poz1a.jpg'">Návštevna kniha</a><br><br> <a href="Odkazy.html" target="main" onmouseover="document.all.Logo.src='poz2a.jpg'" onmouseout="document.all.Logo.src='poz1a.jpg'">Odkazy</a><br><br> <a href="update/update.htm" target="main" onmouseover="document.all.Logo.src='poz2a.jpg'" onmouseout="document.all.Logo.src='poz1a.jpg'">Novinky</a><br><br> <IMG ID="Logo"
STYLE="position: absolute; top: 0px; left: 0px; z-index:-1"
src="poz1a.jpg"> |
||
|
Časová prodleva: 11 let
|
|||
0