Как да направя рекламна лента?

mvmrik

mvmrik

Well-Known Member
Трябва ми рекламна лента, която да излиза най-отгоре в сайта и като се скролва да не се крие, а да си седи. Гледам подобно е направено тук - http://www.novavizia.com
Това сигурно е някакъв скрипт - php или javascript.
 
От: Как да направя рекламна лента?

Чист HTML + CSS

Код: 
<div id="mta_bar"> 
<div id="left_bar"> 
<span class="left"><a rel="nofollow" href="http://www.dynamics.bg/?ref=41">Вижте какво може да направи за Вашия бизнес ERP софтуерът!</a></span> 
</div> 
</div>
 
Re: От: Как да направя рекламна лента?

pesho92 каза:
Чист HTML + CSS

Код: 
<div id="mta_bar"> 
<div id="left_bar"> 
<span class="left"><a rel="nofollow" href="http://www.dynamics.bg/?ref=41">Вижте какво може да направи за Вашия бизнес ERP софтуерът!</a></span> 
</div> 
</div>
Увеличете...

ти това пробва ли го преди да го постнеш :lol:
 
Ето ти я лентата, слагаш я най-горе след <body>. Не съм пробвал в IE6 дали е ок.

<div style="width:100%; background:#FFFFE1; border-bottom:1px solid #808080; position:fixed; padding: 5px; text-align: center;">
<a style="font-weight: bold; color: blue" href="http://www.dir.bg/">Българският интернет портал</a>
</div>
Увеличете...
 
От: Как да направя рекламна лента?

Не става така, целта е като се скролва надолу в страницата лентата да си седи горе и да не изчезва. Ако може и да е с вънжет javascript ще е най-добре. Да се сложи в повече сайтове и да се взима информацията от един файл. Сега ще поразровя и аз да търся, но незнам какво да пиша - как се казва това нещо на английски?
 
Ами тя точно това прави. Ти пробва ли я?
 
От: Как да направя рекламна лента?

HTML: 
<style type="text/css">
#mta_bar { background: #ffffe1; border-bottom: 1px solid #808080; margin: 0 0 3px 0; padding: 5px 0; z-index: 100;	top: 0;	left: 0; width: 100%;	overflow: auto;	position: fixed; }
* html #mta_bar{ /*IE6 hack*/
position: absolute; width: expression(document.compatMode=="CSS1Compat"? document.documentElement.clientWidth+"px" : body.clientWidth+"px"); }
#mta_bar .left { float: left; text-align: center; font-family: Arial; font-size: 14px;	font-weight: bold; font-style: normal;	color: #0000ff; width:92%;}
#mta_bar .right {font-family: Arial, Helvetica, sans-serif;	float: right;	text-align: center; font-weight: normal;	font-size: 10px;letter-spacing: 0; width: 30px; white-space: nowrap;}
#mta_bar .right a {font-size: 10px; color: #0000ff; text-decoration: none;}
#mta_bar .right a:hover {font-size: 10px; color: #0000ff; text-decoration: underline;}
#left_bar a { text-decoration: none; color: #0000ff; }
#left_bar a:hover { text-decoration: underline; color: #0000ff; }
</style>




<div id="mta_bar">
<div id="left_bar">
<span class="left"><a rel="nofollow" href="http://www.dynamics.bg/?ref=41">Вижте какво може да направи за Вашия бизнес ERP софтуерът!</a></span>
</div>
</div>

</div>

при мен така работи :)
 
От: Как да направя рекламна лента?

mvmrik каза:
Не става така, целта е като се скролва надолу в страницата лентата да си седи горе и да не изчезва. Ако може и да е с вънжет javascript ще е най-добре. Да се сложи в повече сайтове и да се взима информацията от един файл. Сега ще поразровя и аз да търся, но незнам какво да пиша - как се казва това нещо на английски?
Увеличете...
Хем не питаш, хем не разбираш, па и накрая обясняваш че не било така а иначе аджеба ставало...
 
Re: От: Как да направя рекламна лента?

petrov321 каза:
при мен така работи :)
Увеличете...

ще му се разсърдят от novavizia. а и не разбирам за какво са написали толкова много цсс, като става с един ред.
 
От: Как да направя рекламна лента?

На IE не работи. С другите браузъри става, но при IE8 го тествам и лентата се скрива при скролване.
 
Какъв е тоя твоя IE 8 :shock: преди да го постна пробвах ие7,8 и фф. Дай да го видим някъде, сигурно нещо малко трябва да се пипне. Няма смисъл js да се слага за това.
 
От: Как да направя рекламна лента?

Оправих се, намерих - доста го преработих и стана добре.
 
От: Re: От: Как да направя рекламна лента?

vaskoa каза:
ти това пробва ли го преди да го постнеш :lol:
Увеличете...

Постнатото от мен разбира се няма да проработи без съответния css код, който не сметнах за необходимо да търся. :)
 
Трябва да си влезнал или регистриран, за да отговориш тук.

Горе