A magyar lokalizáció fejlesztése és támogatása jelenleg meghatározatlan ideig fel van függesztve, így ezen a fórumon kicsi a valószínűsége annak, hogy valaki segíteni fog. Gyorsabb segítséghez próbáld meg feltenni a kérdésedet az angol fórumon (ajánlott) vagy a uCoz Facebook oldalán.
A fórum moderátora: KovJonas  
uCoz közösség » Webmester-részleg » A honlap külalakjának testreszabása » HTML Segítség (Segítség HTML témában)
HTML Segítség
raziel70
Üzenetek: 1083
Hírnév: 50

Üzenet # 1 | 18:23 2010.01.04
Szia!
Azok közé tartozol, akinek nem megy annyira a HTML nyelv. Itt nem kell szégyellned, bátran felteheted a kérdésedet! smile
Ha a honlapodon szeretnél valamit módosítani, de azt már csak a html kód módosításával lehet megtenni, itt nyugodtan felkérhetsz olyan segítőkész felhasználókat, akik otthon vannak e témában.
Html kód beillesztésekor kérünk mindenkit, hogy a "code" lehetőséget válassza!

Nagyon hosszú szöveg esetén megkérünk, hogy:
1.) a kódrészletet írd le egy szöveges fájlba, majd
2.) töltsd fel a tárhelyedre, végül
3.) a szöveges fájl linkjét add meg itt, a fórumban.

Válasz esetén szintén ugyanez az eljárás kéretik. Köszönjük! smile

Honlapszerkesztéssel kapcsolatban javasolt elolvasni a A WYSIWYG szerkesztő (Oldalak szerkesztése külső webszerkesztővel) topikot is!




Böngésző címsorának gördítése
Törölt menüoszlop visszaállítása / létrehozása
Ajánlott, JavaScript-el foglalkozó oldalak

Főoldal alap funkciók visszaállítása
Táblázat / html oldal szerkezet

bigblog
Üzenetek: 1665
Hírnév: 47

Üzenet # 691 | 08:18 2015.02.28
Valex, mit értesz pontosan ágrajz alatt? Tudnál mutatni egy példát?
Ingyenes erőforrások uCoz-os honlapodra!

uCoz csapattag, 2013. október - 2017. szeptember.
remus
Üzenetek: 137
Hírnév: 17

Üzenet # 692 | 16:22 2015.02.28
Valex, Szia,

Esetleg:

Egyszerű:

Kód
<table><tbody><tr>
     <td rowspan="1" style="padding:5px;">
      <div style="position:relative;margin-right:-5px;background-position:center center;background-repeat:no-repeat;width:134px;height:32px;background:#fff;border:solid 1px #ccc;border-radius:6px;margin-left:-1px;float:left;">
       <div style="position:relative;top:10px;left:5px;font-size:10px;">
        <img alt="" src="http://dragonbit.ucoz.hu/avatar/info-256.png" style="vertical-align: -20%; width: 18px; height: 12px;"> Fő</div>
       <div style="color:white;font-weight:bold;font-size:10px;position:relative;float:right;z-index:100;left:-1px;top:-2px;text-align:center;width:20px;">
        2</div>
       <div style="position:absolute;float:right;top:6px;right:1px;">
         </div>
      </div>
     </td>
     <td rowspan="2" style="padding:5px;">
      <div style="height:32px;float:left;border-left:1px solid #BDBDBD;">
       <div style="position:relative;margin-right:-5px;background-position:center center;background-repeat:no-repeat;width:140px;height:32px;background-image: url(http://static.hltv.org//images/coverage//bracket_container.png);margin-left:-1px;float:left;">
        <div style="position:relative;top:10px;left:10px;font-size:10px;">
         <img alt="" src="http://dragonbit.ucoz.hu/avatar/info-256.png" style="vertical-align: -20%; width: 18px; height: 12px;"> VALAMI</div>
        <br>
        <div style="position:absolute;float:right;top:6px;right:1px;">
          </div>
       </div>
      </div>
     </td>
     <td rowspan="4" style="padding:5px;">
      <div style="height:32px;float:left;border-left:1px solid #BDBDBD;">
       <div style="position:relative;margin-right:-5px;background-position:center center;background-repeat:no-repeat;width:140px;height:32px;background-image: url(http://static.hltv.org//images/coverage//bracket_container.png);margin-left:-1px;float:left;">
        <div style="position:relative;top:10px;left:10px;font-size:10px;">
         <img alt="" src="http://dragonbit.ucoz.hu/avatar/info-256.png" style="vertical-align: -20%; width: 18px; height: 12px;"> VALAMI</div>
        <div style="color:white;font-weight:bold;font-size:10px;position:relative;float:right;z-index:100;left:-1px;top:-2px;text-align:center;width:20px;">
         2</div>
       </div>
      </div>
     </td>
    </tr>
    <tr>
     <td rowspan="1" style="padding:5px;">
      <div style="position:relative;margin-right:-5px;background-position:center center;background-repeat:no-repeat;width:134px;height:32px;background:#fff;border:solid 1px #ccc;border-radius:6px;margin-left:-1px;float:left;">
       <div style="position:relative;top:10px;left:5px;font-size:10px;">
        <img alt="" src="http://dragonbit.ucoz.hu/avatar/info-256.png" style="vertical-align: -20%; width: 18px; height: 12px;"> Fő</div>
       <div style="position:absolute;float:right;top:6px;right:1px;">
         </div>
      </div>
     </td>
    </tr>
     
    <tr>
     <tbody><table>


Példa

Bővített:

Kód
<div style="background:#66CC99;left:50%;color:#fff;font-size:22px;padding:6px;">ÁGRAJZ</div><br>
   

  <table align="center">
   <tbody>
    <tr>
     <td rowspan="1" style="padding:5px;">
      <div style="position:relative;margin-right:-5px;background-position:center center;background-repeat:no-repeat;width:134px;height:32px;background:#fff;border:solid 1px #ccc;border-radius:6px;margin-left:-1px;float:left;">
       <div style="position:relative;top:10px;left:5px;font-size:10px;">
        <img alt="" src="http://dragonbit.ucoz.hu/avatar/info-256.png" style="vertical-align: -20%; width: 18px; height: 12px;"> Fő</div>
       <div style="position:absolute;float:right;top:6px;right:1px;">
         </div>
      </div>
     </td>
     <td rowspan="2" style="padding:5px;">
      <div style="height:32px;float:left;border-left:1px solid #BDBDBD;">
       <div style="position:relative;margin-right:-5px;background-position:center center;background-repeat:no-repeat;width:140px;height:32px;background-image: url(http://static.hltv.org//images/coverage//bracket_container.png);margin-left:-1px;float:left;">
        <div style="position:relative;top:10px;left:10px;font-size:10px;">
         <img alt="" src="http://dragonbit.ucoz.hu/avatar/info-256.png" style="vertical-align: -20%; width: 18px; height: 12px;"> VALAMI</div>
        <div style="position:absolute;float:right;top:6px;right:1px;">
          </div>
       </div>
      </div>
     </td>
     <td rowspan="4" style="padding:5px;">
      <div style="height:32px;float:left;border-left:1px solid #BDBDBD;">
       <div style="position:relative;margin-right:-5px;background-position:center center;background-repeat:no-repeat;width:140px;height:32px;background-image: url(http://static.hltv.org//images/coverage//bracket_container.png);margin-left:-1px;float:left;">
        <div style="position:relative;top:10px;left:10px;font-size:10px;">
         <img alt="" src="http://dragonbit.ucoz.hu/avatar/info-256.png" style="vertical-align: -20%; width: 18px; height: 12px;"> VALAMI</div>
        <div style="position:absolute;float:right;top:6px;right:1px;">
          </div>
       </div>
      </div>
     </td>
     <td rowspan="8" style="padding:5px;">
      <div style="height:32px;float:left;border-left:1px solid #BDBDBD;">
       <div style="position:relative;margin-right:-5px;background-position:center center;background-repeat:no-repeat;width:140px;height:32px;background-image: url(http://static.hltv.org//images/coverage//bracket_container.png);margin-left:-1px;float:left;">
        <div style="position:relative;top:10px;left:10px;font-size:10px;">
         <img alt="" src="http://dragonbit.ucoz.hu/avatar/info-256.png" style="vertical-align: -20%; width: 18px; height: 12px;"> VALAMI</div>
       </div>
      </div>
     </td>
    </tr>
    <tr>
     <td rowspan="1" style="padding:5px;">
      <div style="position:relative;margin-right:-5px;background-position:center center;background-repeat:no-repeat;width:134px;height:32px;background:#fff;border:solid 1px #ccc;border-radius:6px;margin-left:-1px;float:left;">
       <div style="position:relative;top:10px;left:5px;font-size:10px;">
        <img alt="" src="http://dragonbit.ucoz.hu/avatar/info-256.png" style="vertical-align: -20%; width: 18px; height: 12px;"> Fő</div>
       <div style="position:absolute;float:right;top:6px;right:1px;">
         </div>
      </div>
     </td>
    </tr>
    <tr>
     <td rowspan="1" style="padding:5px;">
      <div style="position:relative;margin-right:-5px;background-position:center center;background-repeat:no-repeat;width:134px;height:32px;background:#fff;border:solid 1px #ccc;border-radius:6px;);margin-left:-1px;float:left;">
       <div style="position:relative;top:10px;left:5px;font-size:10px;">
        <img alt="" src="http://dragonbit.ucoz.hu/avatar/info-256.png" style="vertical-align: -20%; width: 18px; height: 12px;"> Fő</div>
       <div style="position:absolute;float:right;top:6px;right:1px;">
         </div>
      </div>
     </td>
     <td rowspan="2" style="padding:5px;">
      <div style="height:32px;float:left;border-left:1px solid #BDBDBD;">
       <div style="position:relative;margin-right:-5px;background-position:center center;background-repeat:no-repeat;width:140px;height:32px;background-image: url(http://static.hltv.org//images/coverage//bracket_container.png);margin-left:-1px;float:left;">
        <div style="position:relative;top:10px;left:10px;font-size:10px;">
         <img alt="" src="http://dragonbit.ucoz.hu/avatar/info-256.png" style="vertical-align: -20%; width: 18px; height: 12px;"> VALAMI</div>
        <div style="position:absolute;float:right;top:6px;right:1px;">
          </div>
       </div>
      </div>
     </td>
    </tr>
    <tr>
     <td rowspan="1" style="padding:5px;">
      <div style="position:relative;margin-right:-5px;background-position:center center;background-repeat:no-repeat;width:134px;height:32px;background:#fff;border:solid 1px #ccc;border-radius:6px;);margin-left:-1px;float:left;">
       <div style="position:relative;top:10px;left:5px;font-size:10px;">
        <img alt="" src="http://dragonbit.ucoz.hu/avatar/info-256.png" style="vertical-align: -20%; width: 18px; height: 12px;"> Fő</div>
       <div style="position:absolute;float:right;top:6px;right:1px;">
         </div>
      </div>
     </td>
    </tr>
    <tr>
     <td rowspan="1" style="padding:5px;">
      <div style="position:relative;margin-right:-5px;background-position:center center;background-repeat:no-repeat;width:134px;height:32px;background:#fff;border:solid 1px #ccc;border-radius:6px;margin-left:-1px;float:left;">
       <div style="position:relative;top:10px;left:5px;font-size:10px;">
        <img alt="" src="http://dragonbit.ucoz.hu/avatar/info-256.png" style="vertical-align: -20%; width: 18px; height: 12px;"> Fő</div>
       <div style="color:white;font-weight:bold;font-size:10px;position:relative;float:right;z-index:100;left:-1px;top:-2px;text-align:center;width:20px;">
        2</div>
       <div style="position:absolute;float:right;top:6px;right:1px;">
         </div>
      </div>
     </td>
     <td rowspan="2" style="padding:5px;">
      <div style="height:32px;float:left;border-left:1px solid #BDBDBD;">
       <div style="position:relative;margin-right:-5px;background-position:center center;background-repeat:no-repeat;width:140px;height:32px;background-image: url(http://static.hltv.org//images/coverage//bracket_container.png);margin-left:-1px;float:left;">
        <div style="position:relative;top:10px;left:10px;font-size:10px;">
         <img alt="" src="http://dragonbit.ucoz.hu/avatar/info-256.png" style="vertical-align: -20%; width: 18px; height: 12px;"> VALAMI</div>
        <br>
        <div style="position:absolute;float:right;top:6px;right:1px;">
          </div>
       </div>
      </div>
     </td>
     <td rowspan="4" style="padding:5px;">
      <div style="height:32px;float:left;border-left:1px solid #BDBDBD;">
       <div style="position:relative;margin-right:-5px;background-position:center center;background-repeat:no-repeat;width:140px;height:32px;background-image: url(http://static.hltv.org//images/coverage//bracket_container.png);margin-left:-1px;float:left;">
        <div style="position:relative;top:10px;left:10px;font-size:10px;">
         <img alt="" src="http://dragonbit.ucoz.hu/avatar/info-256.png" style="vertical-align: -20%; width: 18px; height: 12px;"> VALAMI</div>
        <div style="color:white;font-weight:bold;font-size:10px;position:relative;float:right;z-index:100;left:-1px;top:-2px;text-align:center;width:20px;">
         2</div>
       </div>
      </div>
     </td>
    </tr>
    <tr>
     <td rowspan="1" style="padding:5px;">
      <div style="position:relative;margin-right:-5px;background-position:center center;background-repeat:no-repeat;width:134px;height:32px;background:#fff;border:solid 1px #ccc;border-radius:6px;margin-left:-1px;float:left;">
       <div style="position:relative;top:10px;left:5px;font-size:10px;">
        <img alt="" src="http://dragonbit.ucoz.hu/avatar/info-256.png" style="vertical-align: -20%; width: 18px; height: 12px;"> Fő</div>
       <div style="position:absolute;float:right;top:6px;right:1px;">
         </div>
      </div>
     </td>
    </tr>
     
    <tr>
     <tbody><table>


Példa
Valex
Üzenetek: 11
Hírnév: 0

Üzenet # 693 | 22:44 2015.02.28
remus, köszi!
Egy ilyet kerestem smile Nagyon szépen köszönöm gyors segítséged biggrin
bigblog
Üzenetek: 1665
Hírnév: 47

Üzenet # 694 | 22:55 2015.02.28
Valex, örvendünk, hogy segíthettünk. Ha bármilyen egyéb kérdésed van a uCoz rendszerrel és a weboldalkészítéssel kapcsolatban, azt tedd fel bizalommal wink
Ingyenes erőforrások uCoz-os honlapodra!

uCoz csapattag, 2013. október - 2017. szeptember.
István1396
Üzenetek: 63
Hírnév: 2

Üzenet # 695 | 18:12 2015.12.15
Feltettem egy új logót a weboldalamra de nem akarja megváltoztatni 3 napja van fent de a régi jelenik meg még mindig.
Hogy tudom megcsinálni hogy megjelenjen?
bigblog
Üzenetek: 1665
Hírnév: 47

Üzenet # 696 | 20:02 2015.12.15
István1396, kérlek add meg a weboldalad és a logó URL címét.
Ingyenes erőforrások uCoz-os honlapodra!

uCoz csapattag, 2013. október - 2017. szeptember.
István1396
Üzenetek: 63
Hírnév: 2

Üzenet # 697 | 18:30 2015.12.17
bigblog, Tessék :)

weboldal link: http://movie-watch-now.do.am/
kép link: http://movie-watch-now.do.am/images/logo.png
bigblog
Üzenetek: 1665
Hírnév: 47

Üzenet # 698 | 19:52 2015.12.17
István1396, én látom (látni próbálom) a logót a weboldaladon: http://take.ms/J511d . Azt ajánlom, hogy picit eszközölj még a színeken, és adj világosabb árnyalatokat, mert ez így nem néz ki annyira szépen smile Ugyanakkor keresd meg a css/style.css fájl 51. és 52. sorát, majd írd át ezt:
Kód
width: 233px;
height: 69px;

erre:
Kód
width: 393px;
height: 42px;

ami tulajdonképpen a logót szélessége és magassága.
Ingyenes erőforrások uCoz-os honlapodra!

uCoz csapattag, 2013. október - 2017. szeptember.
István1396
Üzenetek: 63
Hírnév: 2

Üzenet # 699 | 15:33 2015.12.24
Blogger oldalnak a sablonját feltudom telepíteni ucoz-ra?
bigblog
Üzenetek: 1665
Hírnév: 47

Üzenet # 700 | 15:48 2015.12.24
István1396, igen, de csak szakértői segítség mellett. A uCoz nem nyújt segítséget ilyen téren, de ez a segédlet talán hasznos lehet: http://forum.ucoz.hu/forum/27-753-1#13490
Ingyenes erőforrások uCoz-os honlapodra!

uCoz csapattag, 2013. október - 2017. szeptember.
István1396
Üzenetek: 63
Hírnév: 2

Üzenet # 701 | 17:28 2015.12.26
Van ez a belépési űrlap:[url=http://ucoztaska.net/szkriptek/belepesi-urlap-stilus][/url]
betettem a kódokat ahova kell de hogy kell megjeleníteni az oldalon?
bigblog
Üzenetek: 1665
Hírnév: 47

Üzenet # 702 | 18:27 2015.12.26
István1396, nem ide való kérdés. Kérlek, azon az oldalon tedd fel a kérdésedet. Ez egy ügyfélszolgálati fórum, ahol megválaszolunk minden, a rendszerrel kapcsolatos kérdést. Az az oldal egy nem hivatalos projekt, mely uCoz erőforrásokkal foglalkozik. Minden oda tartozó kérdést ott kell feltenni, hozzászólás formájában.
Ingyenes erőforrások uCoz-os honlapodra!

uCoz csapattag, 2013. október - 2017. szeptember.
georgio
Üzenetek: 19
Hírnév: 0

Üzenet # 703 | 09:48 2016.02.17
Tisztelt Fórumozók!

Weboldalam (http://georgium.ucoz.hu/) oldalsávjában hosszúra nőtt a "mentett bejegyzések" blokk (archívum) listája.

Szeretném a blokkot úgy átalakítani, hogy a részletes lista ne jelenjen meg folyamatosan oldalamon, csak egy létrehozandó "Archívum megnyitása" linkre történő kattintás után nyíljon meg.

Pillanatnyilag a blokkban ez a kód található: $ARCHIVE_LINKS$ .

Kérem szíves segítsetek a megoldáshoz! Támogatásotokat előre is köszönöm!
georgio
KovJonas
Üzenetek: 396
Hírnév: 29

Üzenet # 704 | 19:41 2016.02.17
Szép estét georgio!
Tetszik az ötleted, nézzük hogyan lehetne a legegyszerűbben megvalósítani.

Először is: Eszköztár (admin-bar) --> Külalak --> Szerkesztő bekapcsolása (vagy az admin panelből a külalak szerkesztése --> Globális blokkoknál kiválasztod az oldalsávot) és elnavigálsz a Mentett Bejegyzések című blokkhoz.

Itt az $ARCHIVE_LINKS$ kódot HTML div tagek közé zárod, melyek azonosítója pl. mentett_bejegyzesek:

Kód
<div id="mentett_bejegyzesek">
$ARCHIVE_LINKS$
</div>


Majd ez fölé egy gombot beillesztesz, amire kattintva majd megnyílik a lista:

Kód
<button onclick="archivum_megnyitasa();">Archívum megnyitása</button>


Tehát most így néz ki a kódod:

Kód
<button onclick="archivum_megnyitasa();">Archívum megnyitása</button>
<div id="mentett_bejegyzesek">
$ARCHIVE_LINKS$
</div>


Ezután CSS-ben mindössze két tulajdonságot kell adnod a fent hozzáadott elemnek:

Kód
#mentett_bejegyzesek {
    height: 0;
    overflow: hidden;
}


Jöhet a Javascript! :D

Az admin pultban, a "Honlap oldalai" sablonba, a zárótag elé beszúrod ezt:

Kód
<script type="text/javascript">
function archivum_megnyitasa() {
    var bejegyzesek = document.getElementById('mentett_bejegyzesek');
    bejegyzesek.style.height = 'auto';
}
</script>


Ezt lemented, majd frissíted a weboldaladat és megnézed, hogy működik-e. Nálam működött, így szerintem jó kéne, hogy legyen. smile Remélem érthető leírást adtam, ha esetleg kérdés merülne fel benned, állok rendelkezésedre! biggrin
István1396
Üzenetek: 63
Hírnév: 2

Üzenet # 705 | 17:43 2016.03.17
Azt szeretném kérdezni hogy nem lehet úgy megcsinálni hogy 1 filmnél ne kelljen több helyre beilleszteni a film borító képét, leírását hogy mindenhol megjelenjen?

Oldal linkje: http://movie-watch-now.do.am/
Az üzenetet szerkesztette István1396 - Csütörtök, 2016.03.17, 17:47
uCoz közösség » Webmester-részleg » A honlap külalakjának testreszabása » HTML Segítség (Segítség HTML témában)
Keresés: