Kde to mam vložiť? (HTML)

Dede · Príspevok od používateľa **Dede** » 30 aug 2011, 13:56

Zdravím neviem si poradiť stým mám klasickú html stránku a potrebujem tam vložiť jeden script.

Script -

<script>

</script>

Stránka -

<div align='center'><a href='http://www.hit-counts.com'><img src='http://www.hit-counts.com/counter.php?t ... cid=944870' border='0' alt='hit counters'></a><BR><a href='http://www.hit-counts.com'>hit counter</a></div>


<html lang="en">
<head>

<meta name="color:Background" content="#000"/>
<meta name="color:Posts" content="#fff"/>
<meta name="color:Title" content="#000"/>
<meta name="color:Text" content="#000"/>
<meta name="color:Link" content="#000"/>
<meta name="color:Hover" content="#000"/>
<meta name="image:Background" content=""/>
<meta name="image:Sidebar" content=""/>
<meta name="font:Title" content="Helvetica Neue"/>
<meta name="font:Body" content="Arial, Helvetica, sans-serif"/>
<meta name="if:Show Photo" content="0"/>
<meta name="if:Show Title" content="0"/>
<meta name="if:Infinite Scrolling" content="1"/>
<meta name="if:Show Arrows" content="0"/>
<meta name="if:Faded Images" content="0"/>
<meta name="if:Inverted Fade" content="1"/>
<meta name="text:Title Font Size" content="14px"/>
<meta name="text:Title Line Height" content="14px"/>
<meta name="text:Text Font Size" content="10px"/>
<meta name="text:Text Line Height" content="10px"/>
<title>{Title}{block:PostTitle} - {PostTitle}{/block:PostTitle}</title>{block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}

{block:ifinfinitescrolling}<script type="text/javascript" src="http://codysherman.com/tools/infinite-s ... escrolling}

<style type="text/css">

body {
margin:0px;
background-color: {color:Background};
font-family: {font:Body};
font-size: {text:Text Font Size};
line-height: {text:Text Line Height};
letter-spacing:0px;
color:{color:Text};
}

p{
margin:0px;
margin-top:0px;
}

a:link, a:active, a:visited{
color: {color:Link};
text-decoration: none;
-webkit-transition: color 0.3s ease-out;
-moz-transition: color 0.3s ease-out;
}

a:hover {
color:{color:Hover};
text-decoration: none;
}

div#center{
margin:auto;
position:relative;
width:740px;
background-color:;
overflow:auto;
overflow-y:hidden;
}

div#content{
float:right;
width:400px;
padding-left:2px;
padding-right: 2px;
padding-top: 2px;
padding-bottom: 0px;
margin-top: 10px;
margin-right: 200px;
background: {color:Posts};
}

div#sidebar{
position:fixed !important;
width: 150px;
height: 100%;
margin-left: -25px;
margin-top: 10px;
padding:2px;
line-height: {text:Text Line Height};
letter-spacing:0px;
margin-bottom: 0px;
background-color:{color:Posts};
}

div#entry{
margin-top: 2px;
margin-bottom: 2px;
}

#postnotes{
text-align: justify;
}

#postnotes blockquote{
border: 0px;
}

.title{
font-family: {font:Title};
font-size: {text:Title Font Size};
line-height: {text:Title Line Height};
color: {color:Title};
letter-spacing: 0px;
}

.blogtitle{
font-family: {font:Title};
font-size: {text:Title Font Size};
line-height: {text:Title Line Height};
color: {color:Title};
letter-spacing: 0px;
}

blockquote{
padding:0px 0px 2px 5px;
margin:0px 0px 2px 1px;
border-left: 1px dotted {color:Text};
}

blockquote p, ul{
margin:0px;
padding:0px;
}

.entries {
font-family: {font:Body};
font-size: {text:Text Font Size};
line-height: {text:Text Line Height};
color: {color:Text};
letter-spacing: 0px;
}

.permalink{
display:block;
margin-left: -10px;
position: absolute;
text-align: left;
}

a img{border: 0px;}
ul, ol, li{list-style:none; margin:0px; padding:0px;}
.user_1 .label, .user_2 .label, .user_3 .label, .user_4 .label, .user_5 .label, .user_6 .label,
.user_7 .label, .user_8 .label, .user_9 .label {color:{color:Title};}
.notes img{width:10px; position:relative; top:3px;}

small{font-size: 90%;}

.video embed, .post div.video object {width:400px !important; height:136px !important;}

{CustomCSS}

{block:ifFadedImages}img{-webkit-transition: opacity 0.8s linear; opacity: 0.75;}img:hover{-webkit-transition: opacity 0.8s linear; opacity: 1;}
{/block:ifFadedImages}

{block:ifInvertedFade}img{-webkit-transition: opacity 0.7s linear; opacity: 50;}img:hover{-webkit-transition: opacity 0.2s linear; opacity: .60;}
{/block:ifInvertedFade}

</style>
<link rel="shortcut icon" href="{Favicon}">
<link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" />
<meta name="viewport" content="width=820" />

</head>

<body>
<div id="cage">
<div id="center">
<div id="sidebar">

<center>
{block:ifshowtitle}<span class=blogtitle><a href="/">
{Title}
</a></span><br>{/block:ifshowtitle}
{block:ifshowphoto}<a href="/"><img src="{image:sidebar}" width=150px></a>{/block:ifshowphoto}
{Description}<br><a href="http://sexflare.tumblr.com">©</a><br>
{block:ifshowarrows}
{block:PreviousPage}<a href="{PreviousPage}"><font size="3">← </font></a>{/block:PreviousPage}
{block:NextPage}<a href="{NextPage}"><font size="3">→</font></a>{/block:NextPage}
{/block:ifshowarrows}
{block:ifinfinitescrolling}{/block:ifinfinitescrolling}
</center>
</div>

<div id="content">
{block:Posts}
<div id="entry">

{block:Text}
{block:Title}<span class="title">{Title}</span>{/block:Title}
<span class="entrytext">{Body}</span>
<a href="{Permalink}">-------------------------------------------------------------------------------------------------------------------------------------</a>
{/block:Text}

{block:Link}
<a href="{URL}" class="title">{Name}</a>
{block:Description}{Description}{/block:Description}
{block:ifShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:ifShowCaptions}
<a href="{Permalink}">-------------------------------------------------------------------------------------------------------------------------------------</a>
{block:Link}

{block:Photo}
{LinkOpenTag}<a href="{Permalink}"><img src="{PhotoURL-500}" alt="{PhotoAlt}" width=400px></a>{LinkCloseTag}
{block:ifShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:ifShowCaptions}
<a href="{Permalink}">-------------------------------------------------------------------------------------------------------------------------------------</a>
{/block:Photo}

{block:Quote}
<span class="title">{Quote}</span>
{block:Source}{Source}{/block:Source}
{block:ifShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:ifShowCaptions}<br>
<a href="{Permalink}">-------------------------------------------------------------------------------------------------------------------------------------</a>
{/block:Quote}

{block:Chat}
{block:Title}<span class="title">{Title}</span>{/block:Title}
<ul class="chat">
{block:Lines}
<li class="user_{UserNumber}">
{block:Label}
<span class="label">{Label}</span>
{/block:Label}

{Line}
</li>
{/block:Lines}
</ul>
{block:ifShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:ifShowCaptions}
<a href="{Permalink}">-------------------------------------------------------------------------------------------------------------------------------------</a>
{/block:Chat}

{block:Audio}
<div style="width:400px; height:20px; margin-top:3px;">{AudioPlayerWhite}</div><BR>
{block:ifShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:ifShowCaptions}
<a href="{Permalink}">-------------------------------------------------------------------------------------------------------------------------------------</a>
{/block:Audio}

{block:Video}
<div class="video">{Video-400}</div>
{block:ifShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:ifShowCaptions}{block:ifShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:ifShowCaptions}
<a href="{Permalink}">-------------------------------------------------------------------------------------------------------------------------------------</a>
{block:Video}

{block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}{block:HasTags} · {block:Tags}<a href="{TagURL}"> #{Tag}</a> {/block:Tags}{/block:hasTags}{/block:PermalinkPage}

{block:PostNotes}{PostNotes}
{/block:PostNotes}
</div>

{/block:Posts}

</div>
</div>
</center>
</body>
</html>

Skúšal som davat do <head> aj <body> no nešlo... pls. help K+

rozhladna

takéto veci patria pred </head>

aby sa stránka načítala rýchlejšie, dáva sa to pred </body>

COTHW

Buď to vlož medzi tagy <head></head>. Alebo si vytvor súbor s príponou .js a vlož to tam. Následne v HTML dokumente vložíš medzi tagy <head><script src="nazov_suboru.js"></script></head>. Či to vložiť priamo do <head> je na pováženie. Je to kratší script, s ktorého načítaním by nemal byť problem, a preto ho môžeš kľudne vložiť do head. Ak by to bol dlhší script stretol som sa s názorom, že je vhodné ho vkladať na koniec stránky, pretože každý script sa musí načítať a mohlo by to spomaliť načítanie stránky. Tak isto ak máš viac scriptov .js je vhodné použiť headjs (http://headjs.com/).

píše že to dával do head aj do body, čítajte trošku. Je jedno či to dáš do head alebo do body, u teba je problém ten, že tie funkcie nikde nevoláš a teda nemá čo fungovať. Okrem toho to máš nejako divne pozliepané, čo robí ten div pred samotným <html>?

Dede · Príspevok od používateľa **Dede** » 02 sep 2011, 23:01

Audiotrack to neviem ani ja...inak dík takže to asi nič nebude ani robiť?... Ale aj tak som to poriešil inak díky...

sorien

audiotrack napísal: čo robí ten div pred samotným <html>?

statistiky navstevnosti

... ale tam by nemal byt, ale dole pred ukoncenim body

Kde to mam vložiť? (HTML)

Kde to mam vložiť? (HTML)

Re: Kde to mam vložiť? (HTML)

Re: Kde to mam vložiť? (HTML)

Re: Kde to mam vložiť? (HTML)

Re: Kde to mam vložiť? (HTML)

Re: Kde to mam vložiť? (HTML)