calling all coders - Forums

calling all coders, help me out here

lbjshaq2345 View Profile View Subprofile	Jul 5 2005, 12:34 AM Post #1
Lil JC Group: Member Posts: 868 Joined: May 2005 Member No: 145,741	is there anybody body out there who will code a website template for me example: 1) I give you an image to use as a layout 2) You convert it into an html code 3) Yoe have yo know how to make expanding drop-down menus like the ones currently on my site for an eexample click the link in my sig
[Up]	[Quote]

Replies

talcumpowder View Profile View Subprofile	Jul 6 2005, 02:01 PM Post #2
You'll find me in your dreams. Group: Official Member Posts: 8,536 Joined: Mar 2005 Member No: 114,010	That's only the actual menu though. You also have to add the Javascript section aswell. The CSS should be carried over too, to maintain the look of the menu. Colors can be edited.... But the actual CSS should remain intact. Your source should look something like this - with content. <!-- begin code provided by createblog.com --><br /><head><br /><title></title><br /><script type="text/javascript"><br />/* dont mess with the javascript code /<br />var sUserAgent = navigator.userAgent.toLowerCase();<br />var isIE=document.all?true:false;<br />var isNS4=document.layers?true:false;<br />var isOp=(sUserAgent.indexOf('opera')!=-1)?true:false;<br />var isMac=(sUserAgent.indexOf('mac')!=-1)?true:false;<br />var isMoz=(sUserAgent.indexOf('mozilla/5')!=-1&&sUserAgent.indexOf('opera')==-1&&sUserAgent.indexOf('msie')==-1)?true:false;<br />var isNS6=(sUserAgent.indexOf('netscape6')!=-1&&sUserAgent.indexOf('opera')==-1&&sUserAgent.indexOf('msie')==-1)?true:false;<br />var dom=document.getElementById?true:false;<br /><br />/ sets time until menus disappear in milliseconds /<br />var iMenuTimeout=500;<br /><br />var aMenus=new Array;<br />var oMenuTimeout;<br />var iMainMenusLength=0;<br /><br />/ the following boolean controls the z-index property if needed /<br />/ if is only necessary if you have multiple mainMenus in one file that are overlapping /<br />/ set bSetZIndeces to true (either here or in the HTML) and the main menus will have a z-index set in descending order so that preceding ones can overlap /<br />/ the integer iStartZIndexAt controls z-index of the first main menu /<br />var bSetZIndeces=true;<br />var iStartZIndexAt=1000;<br />var aMainMenus=new Array;<br /><br />/ load up the submenus /<br />function loadMenus(){<br /> if(!dom)return;<br /> var aLists=document.getElementsByTagName('ul');<br /> for(var i=0;i<aLists.length;i++){<br /> if(aLists[i].className=='navMenu')aMenus[aMenus.length]=aLists[i];<br /> }<br /> var aAnchors=document.getElementsByTagName('a');<br /> var aItems = new Array;<br /> for(var i=0;i<aAnchors.length;i++){<br /> if(aAnchors[i].className=='navItem')aItems[aItems.length] = aAnchors[i];<br /> }<br /> var sMenuId=null;<br /> var oParentMenu=null;<br /> var aAllElements=document.body.getElementsByTagName("");<br /> if(isIE)aAllElements=document.body.all;<br /> /* loop through navItem and navMenus and dynamically assign their IDs /<br /> / each relies on it's parent's ID being set before it /<br /> for(var i=0;i<aAllElements.length;i++){<br /> if(aAllElements[i].className.indexOf('mainMenu')!=-1){<br /> / load up main menus collection /<br /> if(bSetZIndeces)aMainMenus[aMainMenus.length]=aAllElements[i];<br /> }<br /> if(aAllElements[i].className=='navItem'){<br /> oParentMenu = aAllElements[i].parentNode.parentNode;<br /> if(!oParentMenu.childMenus) oParentMenu.childMenus = new Array;<br /> oParentMenu.childMenus[oParentMenu.childMenus.length]=aAllElements[i];<br /> if(aAllElements[i].id==''){<br /> if(oParentMenu.className=='mainMenu'){<br /> aAllElements[i].id='navItem_'+iMainMenusLength;<br /> //alert(aAllElements[i].id);<br /> iMainMenusLength++;<br /> }else{<br /> aAllElements[i].id=oParentMenu.id.replace('Menu','Item')+'.'+oParentMenu.childMenus.length;<br /> }<br /> }<br /> } else if(aAllElements[i].className=='navMenu'){<br /> oParentItem = aAllElements[i].parentNode.firstChild;<br /> aAllElements[i].id = oParentItem.id.replace('Item','Menu');<br /> }<br /> }<br /> / dynamically set z-indeces of main menus so they won't underlap /<br /> for(var i=aMainMenus.length-1;i>=0;i--){<br /> aMainMenus[i].style.zIndex=iStartZIndexAt-i;<br /> }<br /> / set menu item properties /<br /> for(var i=0;i<aItems.length;i++){<br /> sMenuId=aItems[i].id;<br /> sMenuId='navMenu_'+sMenuId.substring(8,sMenuId.lastIndexOf('.'));<br /> / assign event handlers /<br /> / eval() used here to avoid syntax errors for function literals in Netscape 3 /<br /> eval('aItems[i].onmouseover=function(){modClass(true,this,"activeItem");window.clearTimeout(oMenuTimeout);showMenu("'+sMenuId+'");};');<br /> eval('aItems[i].onmouseout=function(){modClass(false,this,"activeItem");window.clearTimeout(oMenuTimeout);oMenuTimeout=window.setTimeout("hideMenu(\'all\')",iMenuTimeout);}');<br /> eval('aItems[i].onfocus=function(){this.onmouseover();}');<br /> eval('aItems[i].onblur=function(){this.onmouseout();}');<br /> //aItems[i].addEventListener("keydown",function(){keyNav(this,event);},false);<br /> }<br /> var sCatId=0;<br /> var oItem;<br /> for(var i=0;i<aMenus.length;i++){<br /> / assign event handlers /<br /> / eval() used here to avoid syntax errors for function literals in Netscape 3 /<br /> eval('aMenus[i].onmouseover=function(){window.clearTimeout(oMenuTimeout);}');<br /> eval('aMenus[i].onmouseout=function(){window.clearTimeout(oMenuTimeout);oMenuTimeout=window.setTimeout("hideMenu(\'all\')",iMenuTimeout);}');<br /> sCatId=aMenus[i].id;<br /> sCatId=sCatId.substring(8,sCatId.length);<br /> oItem=document.getElementById('navItem_'+sCatId);<br /> if(oItem){<br /> if(!isOp && !(isMac && isIE) && oItem.parentNode)modClass(true,oItem.parentNode,"hasSubMenu");<br /> else modClass(true,oItem,"hasSubMenu");<br /> / assign event handlers /<br /> eval('oItem.onmouseover=function(){window.clearTimeout(oMenuTimeout);showMenu("navMenu_'+sCatId+'");}');<br /> eval('oItem.onmouseout=function(){window.clearTimeout(oMenuTimeout);oMenuTimeout=window.clearTimeout(oMenuTimeout);oMenuTimeout=window.setTimeout(\'hideMenu("navMenu_'+sCatId+'")\',iMenuTimeout);}');<br /> eval('oItem.onfocus=function(){window.clearTimeout(oMenuTimeout);showMenu("navMenu_'+sCatId+'");}');<br /> eval('oItem.onblur=function(){window.clearTimeout(oMenuTimeout);oMenuTimeout=window.clearTimeout(oMenuTimeout);oMenuTimeout=window.setTimeout(\'hideMenu("navMenu_'+sCatId+'")\',iMenuTimeout);}');<br /> //oItem.addEventListener("keydown",function(){keyNav(this,event);},false);<br /> }<br /> }<br />}<br /><br />/ this will append the loadMenus function to any previously assigned window.onload event /<br />/ if you reassign this onload event, you'll need to include this or execute it after all the menus are loaded /<br />function newOnload(){<br /> if(typeof previousOnload=='function')previousOnload();<br /> loadMenus();<br />}<br />var previousOnload;<br />if(window.onload!=null)previousOnload=window.onload;<br />window.onload=newOnload;<br /><br />/ show menu and hide all others except ancestors of the current menu /<br />function showMenu(sWhich){<br /> var oWhich=document.getElementById(sWhich);<br /> if(!oWhich){<br /> hideMenu('all');<br /> return;<br /> }<br /> var aRootMenus=new Array;<br /> aRootMenus[0]=sWhich<br /> var sCurrentRoot=sWhich;<br /> var bHasParentMenu=false;<br /> if(sCurrentRoot.indexOf('.')!=-1){<br /> bHasParentMenu=true;<br /> }<br /> / make array of this menu and ancestors so we know which to leave exposed /<br /> / ex. from ID string "navMenu_12.3.7.4", extracts menu levels ["12.3.7.4", "12.3.7", "12.3", "12"] /<br /> while(bHasParentMenu){<br /> if(sCurrentRoot.indexOf('.')==-1)bHasParentMenu=false;<br /> aRootMenus[aRootMenus.length]=sCurrentRoot;<br /> sCurrentRoot=sCurrentRoot.substring(0,sCurrentRoot.lastIndexOf('.'));<br /> }<br /> for(var i=0;i<aMenus.length;i++){<br /> var bIsRoot=false;<br /> for(var j=0;j<aRootMenus.length;j++){<br /> var oThisItem=document.getElementById(aMenus[i].id.replace('navMenu_','navItem_'));<br /> if(aMenus[i].id==aRootMenus[j])bIsRoot=true;<br /> }<br /> if(bIsRoot && oThisItem)modClass(true,oThisItem,'hasSubMenuActive');<br /> else modClass(false,oThisItem,'hasSubMenuActive');<br /> if(!bIsRoot && aMenus[i].id!=sWhich)modClass(false,aMenus[i],'showMenu');<br /> }<br /> modClass(true,oWhich,'showMenu');<br /> var oItem=document.getElementById(sWhich.replace('navMenu_','navItem_'));<br /> if(oItem)modClass(true,oItem,'hasSubMenuActive');<br />}<br /><br />function hideMenu(sWhich){<br /> if(sWhich=='all'){<br /> / loop backwards b/c WinIE6 has a bug with hiding display of an element when it's parent is already hidden /<br /> for(var i=aMenus.length-1;i>=0;i--){<br /> var oThisItem=document.getElementById(aMenus[i].id.replace('navMenu_','navItem_'));<br /> if(oThisItem)modClass(false,oThisItem,'hasSubMenuActive');<br /> modClass(false,aMenus[i],'showMenu');<br /> }<br /> }else{<br /> var oWhich=document.getElementById(sWhich);<br /> if(oWhich)modClass(false,oWhich,'showMenu');<br /> var oThisItem=document.getElementById(sWhich.replace('navMenu_','navItem_'));<br /> if(oThisItem)modClass(false,oThisItem,'hasSubMenuActive');<br /> }<br />}<br /><br />/ add or remove element className /<br />function modClass(bAdd,oElement,sClassName){<br /> if(bAdd){/ add class /<br /> if(oElement.className.indexOf(sClassName)==-1)oElement.className+=' '+sClassName;<br /> }else{/ remove class /<br /> if(oElement.className.indexOf(sClassName)!=-1){<br /> if(oElement.className.indexOf(' '+sClassName)!=-1)oElement.className=oElement.className.replace(' '+sClassName,'');<br /> else oElement.className=oElement.className.replace(sClassName,'');<br /> }<br /> }<br /> return oElement.className; / return new className /<br />}<br /><br />//document.body.addEventListener("keydown",function(){keyNav(event);},true); <br /><br />function setBubble(oEvent){<br /> oEvent.bubbles = true; <br />}<br /><br />function keyNav(oElement,oEvent){<br /> alert(oEvent.keyCode);<br /> window.status=oEvent.keyCode;<br /> return false;<br />}<br />/ end javascript code /<br /></script><br /><style type="text/css"><br /><br />/ Title: BangBlog<br /> Designs and code by: Creepy Heather (http:www.ill-wed.com)<br /> /<br /><br />body {<br /> color:#fff;<br /> background-color:#fff;<br /> font-family:arial,sans-serif;<br /> }<br />body, td {<br /> font-size:12px;<br /> font-family:arial,sans-serif;<br /> }<br />.mainMenu {<br /> position:absolute;<br /> }<br />.navMenu {<br /> display:none;<br /> position:absolute;<br /> top:18px;<br /> left:-1px;<br /> border-style:solid;<br /> border-color:#000000;<br /> border-width:1px 1px 0 0;<br /> color:#000000;<br /> background-color:#ff0000;<br /> width:170px;<br /> voice-family:"\"}\"",inherit;<br /> width:150px;<br /> }<br />html>body .navMenu {<br /> width:170px;<br /> }<br />.navMenu .navMenu {<br /> top:-1px;<br /> left:169px;<br /> }<br />.mainMenu, .navMenu {<br /> margin:0;<br /> padding:0;<br /> font-family:arial,sans-serif;<br /> }<br />.mainMenu li {<br /> border: solid 1px #000000;<br /> color:#000000;<br /> background-color:#ff0000;<br /> display:block;<br /> float:left;<br /> width:145px;<br /> line-height:18px;<br /> list-style-type:none;<br /> position:relative;<br /> margin-right:-1px;<br /> }<br />/ hide from MacIE \/<br />.mainMenu li {<br /> width:auto;<br /> }<br />/ end hide /<br />.navMenu li {<br /> width:auto;<br /> white-space:normal;<br /> display:block;<br /> float:none;<br /> position:relative;<br /> border-color:#000000;<br /> border-width:0 0 1px 1px;<br /> border-width//:0 0 1px 0;<br /> margin:0px;<br /> padding:0px;<br /> line-height:inherit;<br /> /text-indent:-16px;/<br /> text-indent//:0;<br /> margin-left//:-16px;<br /> voice-family:"\"}\"",inherit;<br /> text-indent:0;<br /> margin-left:0px;<br /> border-width:0 0 1px 1px;<br /> }<br />.mainMenu li a, .mainMenu li a:link, .mainMenu li a:visited {<br /> color:#000000;<br /> background-color:ff0000;<br /> text-decoration:none !important;<br /> font-size:11px;<br /> font-weight:bold;<br /> padding-left:10px;<br /> padding-right:10px;<br /> display:block;<br /> border-color:#000000;<br /> border-width:0;<br /> border-width//:0 0 0 1px;<br /> border-style:solid;<br /> voice-family:"\"}\"",inherit;<br /> border-width:0;<br /> }<br />.mainMenu li a:hover, .mainMenu li a:active, .mainMenu li a:focus, .mainMenu li a.activeItem {<br /> color:#ff0000;<br /> background-color:#000000 !important;<br /> }<br />.navMenu li a {<br /> display:block;<br /> width:100%;<br /> margin-bottom:0 !important;<br /> }<br />html>body .navMenu li a {<br /> width:auto;<br /> }<br /><br />/ functional classes /<br />/ used by the scripts, not set in the markup /<br />.navMenu .hasSubMenu {<br /> background-image:url(">");<br /> background-position:top right;<br /> background-repeat:no-repeat;<br /> }<br />.hasSubMenuActive {<br /> color:#000000;<br /> background-color:#ff0000 !important;<br /> }<br />.navMenu .hasSubMenuActive {<br /> background-image:url(">");<br /> background-position:top right;<br /> background-repeat:no-repeat;<br /> }<br />.showMenu {<br /> display:block !important;<br /> }<br />/ end functional classes */<br /><br />.menuEnd {<br /> clear:both;<br /> }<br /><br />#blog {<br />width: 756px;<br />height: 423px;<br />background: #ffffff url(http://images.xangsters.com/website/06/1442.gif);<br />repeat: no-repeat;<br />}<br /><br />H2{Color:black;Font-Size:10px; word-spacing: 5px; margin-left: 20px; font-class: arial;}<br /><br />#menu {<br />background; #ffffff url(http://images.xangsters.com/website/06/1442a.gif)<br />width: 726px;<br />height: 30px<br />text-align: center;<br />repeat: no-repeat;<br />}<br /><br /></style><br /></head><br /><body><br /><div id="menu"><br /><center><br /><div class="menuContainer"><br /> <ul class="mainMenu"><br /> <li><a href="http://createblog.com" class="navItem">createblog.com</a></li><br /> <li><a href="http://xanga.com" class="navItem">Xanga</a><br /> <ul class="navMenu"><br /> <li><a href="http://angelfire.com/hiphop4/lbjshaq2345" class="navItem">Me</a><br /> <ul class="navMenu"><br /> <li><a href="http://xanga.com/lbjmelo2315" class="navItem">Personal</a></li><br /> <li><a href="http://xanga.com/lbjshaq2345_layoutz" class="navItem">Layoutz</a></li><br /> <li><a href="http://xanga.com/lbjshaq2345_codez" class="navItem">Codez</a></li><br /> </ul><br /> </li><br /> <li><a href="http://xanga.com/kristen02023" class="navItem">Rosie</a></li><br /> <li><a href="http://xanga.com/xoxo_summer_toes_oxox" class="navItem">Kayla</a></li><br /><li><a href="http://xanga.com/amandax3x" class="navItem">Amanda</a></li><br /> <li><a href="http://xanga.com/ilovemymommy13" class="navItem">Desiray</a><br /> <br /> </li><br /> <li><a href="http://xanga.com/kristen41721" class="navItem">Kristen</a><br /> <br /> </li><br /> <li><a href="http://xanga.com/scotty77_7" class="navItem">Scotty</a></li><br /> <li><a href="http://xanga.com/bella_italiano15" class="navItem">Gianina</a></li><br /> <li><a href="http://xanga.com/lbjshaq2345_layoutz" class="navItem">Layoutz</a><ul class="navMenu"><br /> <li><a href="http://xanga.com/layoutrequests" class="navItem">layoutrequests</a></li><br /> <li><a href="http://xanga.com/electric_layz18" class="navItem">electric layz</a></li><br /> <li><a href="http://xanga.com/killer_hawt_lay0utz" class="navItem">killer hawt layoutz</a></li><li><a href="http://xanga.com/elektric_whore_layouts" class="navItem">elektric whore layouts</a></li><li><a href="http://xanga.com/redchevylayoutsx3" class="navItem">red chevy layouts</a></li><br /> </ul><br /> </li><br /> <li><a href="http://xanga.com/lbshaq2345_codez" class="navItem">Codes</a><br /> <ul class="navMenu"><br /> <li><a href="http://xanga.com/go0dies4ursite" class="navItem">GoOdies4UrSite</a></li><br /> <li><a href="http://xanga.com/xnga_help" class="navItem">xnga help</a></li><br /> <li><a href="http://xanga.com/ciarahot_codes" class="navItem">CiaraHot Codes3</a></li><br /> </ul><br /> </li><li><a href="http://angelfire.com/hiphop4/lbjshaq2345" class="navItem">Music</a><br /> <ul class="navMenu"><br /> <li><a href="http://xanga.com/sexii_stuff_4you" class="navItem">Sexii Stuff 4You</a></li><br /> <li><a href="http://xanga.com/Tha_Musiq" class="navItem">Tha Musiq</a></li><br /> <li><a href="http://xanga.com/musicurl" class="navItem">musicURL</a></li><li><a href="http://xanga.com/music_galore" class="navItem">Music Galore</a></li><br /> </ul><br /> </li><br /> </ul><br /> </li><br /> <li><a href="http://myspace.com" class="navItem">MySpace</a><br /> <ul class="navMenu"><br /> <li><a href="http://myspace.com/lbjshaq2345" class="navItem">Me</a></li><br /> <li><a href="http://myspace.com/kristenx0x" class="navItem">Rosie</a></li><br /> <li><a href="http://myspace.com/xoxomandaox" class="navItem">Amanda</a><br /> <br /> </li><br /> </ul><br /> </li><br /> <li><a href="http://www.createblog.com/forums/index.php?showforum=18" class="navItem"> link34</a><br /> <ul class="navMenu"><br /> <li><a href="http://tutorialcollection.com" class="navItem">Tutorial Collection</a></li><br /> <li><a href="http://good-tutorials.com" class="navItem">Good Tutorials</a></li><br /> <li><a href=" URL " class="navItem"> link37</a></li><br /> <li><a href=" URL " class="navItem"> link38</a></li><br /> <li><a href=" URL " class="navItem"> link39</a></li><br /> <li><a href=" URL " class="navItem"> link40</a></li><br /> <li><a href=" URL " class="navItem"> link41</a></li><br /> </ul><br /> </li><br /> <li><a href=" URL " class="navItem"> link42</a><br /> <ul class="navMenu"><br /> <li><a href=" URL " class="navItem"> link43</a></li><br /> <li><a href=" URL " class="navItem"> link44</a></li><br /> <li><a href=" URL " class="navItem"> link45</a></li><br /> <li><a href=" URL " class="navItem"> link46</a></li><br /> <li><a href=" URL " class="navItem"> link47</a></li><br /> <li><a href=" URL " class="navItem"> link48</a></li><br /> <li><a href="URL" class="navItem"> link49</a></li><br /></ul><br /> </li><br /></ul><br /></div><br /><br class="menuEnd"><br /></center><br /></div><br /></body><br /></html><br /><!-- end code provided by createblog.com -->
[Up]	[Quote]

Posts in this topic

lbjshaq2345 calling all coders Jul 5 2005, 12:34 AM

fishcake-y .... No. It's a request for a template.... So.... Jul 5 2005, 01:15 PM

lbjshaq2345 plz come on somebody okee does anyone know a progr... Jul 5 2005, 11:18 PM

insomniac there is no program that will code for you. you ei... Jul 5 2005, 11:21 PM

toyo loco ^ yea there are no programs that will code for you... Jul 5 2005, 11:27 PM

mipadi But whatever you do, don't use FrontPage! ... Jul 5 2005, 11:28 PM

lbjshaq2345 okay so no program will do it i dont understand it... Jul 6 2005, 12:11 AM

toyo loco maybe if you just take the time to learn just like... Jul 6 2005, 12:30 AM

Spiritual Winged Aura ^ agree Thats what i did instead of making reque... Jul 6 2005, 12:39 AM

lbjshaq2345 im workin on that but i still cant figure it out i... Jul 6 2005, 12:48 AM

toyo loco ok first off learning takes alot of time. people d... Jul 6 2005, 01:44 AM

fishcake-y ^ You have a way with words. I envy you. And yes, ... Jul 6 2005, 01:47 AM

lbjshaq2345 okee then i'll be specific if you go to my cur... Jul 6 2005, 02:55 AM

toyo loco im guessing this part CODE<div class="men... Jul 6 2005, 04:45 AM

fishcake-y That's only the actual menu though. You also h... Jul 6 2005, 02:01 PM

chaneun I guess his question was answered. Jul 6 2005, 02:18 PM

lbjshaq2345 aight ill try that thanks Jul 6 2005, 09:05 PM

« Next Oldest · Graphics Help Resolved Topics · Next Newest »

2 User(s) are reading this topic (2 Guests and 0 Anonymous Users)

0 Members: