PDA

View Full Version : how put html code to be appear for example header?


BJmal
11-02-2007, 02:06 AM
hello
sorry for lot question but I will lunch my site soon so sorry :(

I would as if I have html header how add it to vivvo to be on header on all page

my header what I work on it it almost as news.aol.com
and if I say for example this header html code
[CODE]

<script type="text/javascript">document.domain = "aol.com";</script>
<link rel="stylesheet" type="text/css" media="screen" href="http://www.aolcdn.com/_media/channels/common.css" />
<script type="text/javascript" src="http://www.aolcdn.com/_media/channels/common.js"></script>
<link rel="stylesheet" type="text/css" media="screen" href="http://www.aolcdn.com/_media/channels/us.news20/news20.css" />
<script type="text/javascript" src="http://www.aolcdn.com/_media/channels/us.news20/news20.js"></script>
<script type="text/javascript" src="http://cdn.channel.aol.com/_media/aolvideo30/mp.js"></script>
<script type="text/javascript" src="http://o.aolcdn.com/ads/adsWrapper.js"></script>
<script type="text/javascript">
<!-- adSetExt('aoladp');
adSetTarget('_blank');
//--></script><script type="text/javascript">screen_name = '';</script><!--=== bbchancfg: Head Append ===--><!-- STaF JS for Share This --><script type="text/javascript" src="http://cdn.channel.aol.com/_media/staf/staf_init.js"></script>

<style>
/* Head Append done for emergency fix for photogallery on 22-08-07 */
.news_photogal .center_pic_cont{width:290px;}
.news_photogal {margin:10px 0;}
.partnerBod .module .body ul li {font-size:1em;}
#horizontal_dmn_results .sponsor .body .box{font-size:0.9167em;}
#horizontal_dmn_results .sponsor .body .box a{font-size:1em;}
.rec_cmt .cmt_reportThis{margin:-18px 5px -13px 0;}
.sponGall .colorOne .header h3 {padding:5px 0 5px 8px;}
#r1 .feedsmodule .body ul li a{font-size:1.09em;}

div.bbarticleCreditLine{margin-left:2px}

.rec_cmt .cmt_center {width:60%}

/*show-hide comment*/
#tglCmntBtn{padding-left:0.417em}
#pstCmntBtn{padding-right:0.333em}

/* bookmark_this module begins */
.seo-bl * {margin:0;padding:0;border:0;position:relative;pad ding-left:20px;top:3px;color:#978787;}
.seo-bl {width:454px;height:25px;border:solid 1px #777777;display:block;margin:.8em 0 2px 8px;text-align:left;background-color:#d5d5d5;}
.seo-bl a {background:url(http://www.aolcdn.com/ch_music2/backlinks00.gif) 0 0 no-repeat;font-size:1em;color:#666;display:block;float:left;}
.seo-bl h6 {float:left; margin: .25em 0;padding-left:2.4em;font:normal 11px arial;color:#333333; }
.seo-bl .di {padding:1px 1px 17px 17px;_padding:1px 1px 1px 17px;*padding-bottom:12px;background-position:0px 0px;margin: 0 0 0 1.74em;overflow:hidden;}
.seo-bl .de {padding:1px 1px 17px 17px;_padding:1px 1px 0px 17px;background-position:-17px 0px;margin: 0 0 0 1.74em;overflow:hidden;}
.seo-bl .nv {padding:1px 1px 17px 15px;_padding:1px 1px 0px 15px;background-position:-34px 0px;margin: 0 0 0 1.74em;overflow:hidden;}
.seo-bl .tr {padding:1px 1px 17px 17px;_padding:1px 1px 0px 17px;background-position:-49px 0px;margin: 0 0 0 1.74em;overflow:hidden;}
.seo-bl .ri {padding:1px 1px 17px 17px;_padding:1px 1px 0px 17px;background-position:-68px 0px;margin: 0 0 0 1.74em;overflow:hidden;}

BJmal
11-02-2007, 02:07 AM
.seo-bl .mg {padding:1px 1px 17px 17px;_padding:1px 1px 0px 17px;background-position:-86px 0px;margin: 0 0 0 1.74em;overflow:hidden;}
.seo-bl .bk {padding:1px 1px 17px 17px;_padding:1px 1px 0px 17px;background-position:-103px 0px;margin: 0 0 0 1.74em;overflow:hidden;}
.seo-bl .fl {padding:1px 1px 17px 17px;_padding:1px 1px 0px 17px;background-position:-120px 0px;margin: 0 0 0 1.74em;overflow:hidden;}
.seo-bl .ns {padding:1px 1px 17px 17px;_padding:1px 1px 0px 17px;background-position:-137px 0px;margin: 0 0 0 1.74em;overflow:hidden;}
.seo-bl .my {padding-left:7px; background:none;}
/* bookmark_this module ends */

/* Feeds module override*/
.bbarticleBody .feedsmodule .body ul li a {background:none;padding-left:0}
.feedsFoot {margin-top:8px;padding-left:10px;font-weight:bold;}

/* sprint2.5 gallery updates */
.sponGall .news_gal {background-color:#FFFFFF;border:1px solid #DCDCDC;color:#000000;float:right;font:normal 0.9167em arial;margin:5px 5px 0px 0px;padding:1px;position:relative;}
.sponGall .news_gal a {background:#23354C url(http://www.aolcdn.com/ch_news/news20-button-bg.gif) repeat-x scroll 0%; color:#FFFFFF; float:left; margin:0px; padding:0.36em 1em; text-decoration:none; }

/* headline size increase 10.12.07 */
h3.entry-title a {font-size:1.0em;}
div.bbarticle h1 {font-size:1.9em;}

/* sprint2.5 updates */
.photo_promo .horizontal_img {padding-top:95px;} .photo_promo .newsbody .center_pic_cont{margin-top:50px;}

/* new CSS declarations for the Feed Subscribe icon */
.hfeed {position:relative;}
.hfeed .feed-subscribe {position:absolute; right:.25em; margin-top:0; _right:1.5em;}
#news_mod {position:relative;}
#news_mod .feed-subscribe {margin-bottom:-1.5em;}
.feed-subscribe {text-align:right; padding-bottom:2px;}
a.feed {font-size:10px;background:url(http://www.aolcdn.com/info_feed/feed_icon) no-repeat; padding-left:15px; color:#969696;}
/* End of new Feed Subscribe CSS declarations */

.info_newscollection {padding:0 10px;margin:1em 0;}
.info_newscollection .feedsLabel {text-align:right;margin-top:-3em;margin-bottom:1.8em;}
.info_newscollection .body .feedsPost {padding:10px 0; }
.info_newscollection .body .postHdr a {font-family:georgia;font-size:1.42em;color:#000;}

.hfeed h1.title, .hfeed h2.title, .hfeed h3.title {font:bold 1.023em arial;color:#000;padding-bottom:0.58em;border-bottom:4px solid #d65c1e;text-transform:uppercase;letter-spacing:0.03em;padding-top:1px;}
</style>

<link rel="stylesheet" type="text/css" href="http://www.aolcdn.com/webwidgets/sfsw_v1_3/feeds_subscribe_en_us.css" />

<script type="text/javascript" src="http://www.aolcdn.com/webwidgets/sfsw_v1_3/feeds_subscribe_en_us.js"></script>



<script type="text/javascript">rsiAdInit(30);</script>
</head><body>

<div id="omniture" style="position:absolute;top:0;right:0;z-index:-100;">
<script type="text/javascript">
<!--
var s_account="aolsvc,aolnews";
-->

</script>
<script type="text/javascript" src="http://o.aolcdn.com/omniunih.js"></script>
<script type="text/javascript">
<!--
s_265.linkExternalFilters="none";
s_265.prop19="web";
s_265.pageName="nws: news main";
s_265.trackExternalLinks="true";
s_265.channel="us.news";
s_265.prop1="news main";
s_265.pfxID="nws";
s_265.prop12="http://news.aol.com/";
s_265.linkInternalFilters="javascript:,aol.com";
var s_code=s_265.t();
if(s_code)document.write(s_code)
-->
</script>
</div>


<script src="http://cdn.channel.aol.com/_media/channels/ad_refresher.js" type="text/javascript" language="javascript" charset="utf-8"></script>


<div id="ad"><div class="adBkgd"><!--req:728x90_1.us.news20.main.broadband ad:728x90_1.us.news20.main.broadband -->
<script type="text/javascript">
<!--
htmlAdWH('93205920', '728', '90');
//-->
</script><noscript><a href="http://ar.atwola.com/link/93205920/1214698414/aoladp?target=_blank&border=0" target="_blank">
<img src="http://ar.atwola.com/image/93205920/1214698414/aoladp" alt="advertisement" width="728" height="90" border="0" /></a></noscript></div></div>

<div id="header"><div id="hat" class="clear">
<ul class="miniHat"><li><a href="http://www.aol.com/" title="AOL " >AOL </a></li>
<li><a href="http://my.aol.com/" title="My AOL" >My AOL</a></li>
<li><a href="http://webmail.aol.com/?_AOLLOCAL=mail" title="Mail" >Mail</a></li>
<li><a href="http://www.aol.com/mksplash.adp" title="Make AOL My HomePage" class="lastLink">
Make AOL My HomePage</a></li>
</ul>

BJmal
11-02-2007, 02:09 AM
<ul class="chGuide hoverState"><li><a href="http://news.aol.com" title="News" class="selected">
News</a></li>
<li><a href="http://money.aol.com" title="Money">Money</a></li>
<li><a href="http://sports.aol.com" title="Sports">Sports</a></li>
<li><a href="Http://www.switched.com" title="Technology">Technology</a></li>

<li><a href="http://weather.aol.com" title="Weather">Weather</a></li>
</ul>
<div class="clear"></div>
</div>

<div id="smore">
<a href="" id="smorex" onclick="return togMore(event,'hide');">x</a>
<div id="om_srchmore">
<ul>
<li><a href="http://aol.careerbuilder.com/JobSeeker/Jobs/JobResults.aspx?cbRecursionCnt=1&cbsid=da2a3f86fab5494f800236b1520fc3dc-230665956-JF-5&strCrit=rawWords%3D" title="Jobs" onclick="return srchSub(this);">
Jobs</a></li>

<li><a href="http://www.mapquest.com/maps/map.adp?formtype=address&country=US&popflag=0&cat=" title="Mapquest" onclick="return srchSub(this);">
Mapquest</a></li>
<li><a href="http://movies.aol.com/search/dvdresults.adp?query=" title="Movies" onclick="return srchSub(this);">
Movies</a></li>
<li><a href="http://music.aol.com/search/artistresults.adp?query=" title="Music" onclick="return srchSub(this);">
Music</a></li>
<li><a href="http://personals.aol.com/?invocationType=topsearchbox&query=" title="Personals" onclick="return srchSub(this);">
Personals</a></li>
<li><a href="http://shopping.aol.com/instore/ppesearch?rpshow=0&k=" title="Shopping" onclick="return srchSub(this);">
Shopping</a></li>
<li><a href="http://travel.aol.com/search?invocationType=topsearchbox&query=" title="Travel" onclick="return srchSub(this);">
Travel</a></li>
<li><a href="http://yellowpages.aol.com/main.adp?_diraction=main&invocationType=topsearchbox&query=" title="Yellow Pages" onclick="return srchSub(this);">
Yellow Pages</a></li>

</ul>

</div> <!-- id=om_srchmore -->
</div> <!-- id=smore -->

<div id="headerMiddle" class="clear">
<div class="altLangUrl"><a href="http://latino.aol.com/">En Espa?ol</a></div>
<div id="chLogo"><a href="http://news.aol.com" title=""><img src="http://www.aolcdn.com/ch_news/aolnews_beta_logo" alt="" border="1"></a></div>
<div class="searchContainer">
<div class="searchCat">

<ul><li class="searchCatBg" id="search-tab-News">
<a href="http://aolsearch.aol.com/aol/news?invocationType=newsChannel&query=" title="News"
onclick="return searchTarget('http://aolsearch.aol.com/aol/news?invocationType=newsChannel&query=', 0, 'search-tab-News');">
News</a>

</li>
<li id="search-tab-Web"><a href="http://search.aol.com/aolcom/search?invocationType=newsChannel&query= " title="Web" onclick="return searchTarget('http://search.aol.com/aolcom/search?invocationType=newsChannel&query= ', 0, 'search-tab-Web');">
Web</a></li>
<li id="search-tab-Images"><a href="http://search.aol.com/aolcom/image?invocationType=newsChannel&query= " title="Images" onclick="return searchTarget('http://search.aol.com/aolcom/image?invocationType=newsChannel&query= ', 0, 'search-tab-Images');">
Images</a></li>
<li id="search-tab-Video"><a href="http://video.aol.com/searchresults?query=" title="Video" onclick="return searchTarget('http://video.aol.com/searchresults?query=', 0, 'search-tab-Video');">
Video</a></li>
<li id="search-tab-Local"><a href="http://sbgw.search.aol.com/kw/exec?lookupType=11&category=fox&sourceType=416&text=&q= " title="Local" onclick="return searchTarget('http://sbgw.search.aol.com/kw/exec?lookupType=11&category=fox&sourceType=416&text=&q= ', 0, 'search-tab-Local');">
Local</a></li>
<li><a href="" id="smorea" onclick="return togMore(event,'show');">More ยป</a></li>
</ul>


<div class="clear"></div>

</div> <!-- searchCat -->



<div class="headerSearch">
<form id="search" name="bb_topform" action="http://aolsearch.aol.com/aol/news?invocationType=newsChannel&query=">
<input type="hidden" name="invocationType" value="newsChannel" />
<input type="hidden" name="category" value="ns_top_collection">
<input type="text" name="query" id="topquery"
onfocus="this.style.color='#000000';this.value='';"
onkeypress="return submitHeaderSearch(event);"
value="" class="search" />
<button id="srchLnk" title="SEARCH" class="searchButton"
name="submit" value="submit" type="submit"
onclick="return submitHeaderSearch('onclick');"\>

SEARCH
<img src="http://www.aolcdn.com/channels/hed_mag" border="0"
alt="Search The Web Magnify Glass" class="magnGlass" />
</button>
</form>
<div class="clear"></div>
</div> <!-- headerSearch -->
</div> <!-- searchContainer -->

</div>
<div id="headerBottom" class="clear">

<ul class="chNav hoverState">
<li><a href="http://news.aol.com" title="Top News" class="selected">Top News</a></li>
<li><a href="http://news.aol.com/nation" title="Nation">Nation</a></li>
<li><a href="http://news.aol.com/elections" title="Elections">Elections</a></li>
<li><a href="http://news.aol.com/world" title="World">World</a></li>
<li><a href="http://news.aol.com/entertainment" title="Entertainment">
Entertainment</a></li>
<li><a href="http://news.aol.com/sports" title="Sports">Sports</a></li>
<li><a href="http://news.aol.com/business" title="Business">Business</a></li>
<li><a href="http://news.aol.com/weird-news" title="Weird News">Weird News</a></li>

<li><a href="http://news.aol.com/health" title="Health">Health</a></li>
<li><a href="http://news.aol.com/science" title="Science">Science</a></li>
<li><a href="http://news.aol.com/headlines" title="More">More</a></li>
</ul>
<a href="http://beta.aol.com/feedback/feedback.php?src=news&pr=1180537343&pg=1180537344" target="feedback" class="feedbackUrl" onclick="window.open(this.href+'&uri='+location.href, 'feedback', 'width=472, height=488, left='+(screen.availWidth/2 - 236)+', top='+(screen.availHeight/2 - 244)+', resizable, toolbar=0, location=0'); return false;">
Send Us Feedback</a>
</div>
</div>
</div>
[/CODE]

so how I put it on vivvo header and let it apear to shown on it?

thanks so much in advance

Micha
11-02-2007, 09:32 AM
You can make this kind of header using css, and probably with a little template customization.

Template files you can modify in Vivvo to accomplish this are:

templates\xhtml\box\header.tpl

templates\xhtml\box\pages.tpl

templates\xhtml\box\dhtml_menu.tpl

templates\xhtml\box\search.tpl

Css files:

themes\default\css\style.css

themes\default\css\dhtml_menu.css