|
HTML - Coding Help Appreciated
I am a novice at HTML / Coding and I'm just getting my feet wet when it comes to proper hands on coding rather than just the very simple aspects of editing say a forum theme or very, very basic HTML.
I have this web template that I am trying to use, it's live he http://www.themeanstreets.net/revamp/index.html Essentially, I use MyBB 1.6.4. This template pulls recent posts from specific forums. I've found a Mod for MyBB to do this located he http://community.mybb.com/thread-62787.html What I can't figure out is how to put this all together to work. It seems that this web template which is PSD / HTML / CSS has the recent posts hand written / coded in. Like there's no sample code showing it pulling from any where. If there's any help or advice you can provide it would be so very greatly appreciated because I'm a day away from scraping this template that I really really love LOL Thanks! *******it won't let me upload the index file with the code and posting it here is too many characters. Here's a snippet of the code. Quote: <!-- post --> <div class="post"> <a href="#"><img src="images/posts/02.jpg" class="post-image" /></a> <h2><a href="#">Second post</a></h2> <div class="metadata"><a href="#">Lorem Ipsum Category</a></div> <div class="post_content"> <div class="post_brief">Lorem ipsum dolor sit amet, Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores </div> <div class="post_info"> <span class="author">Posted by <a href="#">Admin</a></span>, <span class="date">Apr 14</span> </div> <div class="post_comments"> <div class="number"><a href="#">159</a></div> <div class="comments"><a href="#">Comments</a></div> </div> </div> </div> <!-- post --> Similar TutorialsHello All I am currently working on a website and I need the image links on the top to display a different image whether that link is active or not. I cannot use the css a:active because the whole page realoads after. I was thinking that there might be a way to do it with url encoding sending the message of which image needs to change. I have no idea how to do this. If this isnt possible could you people help me out?. Thanks, Chad Hi I have a Normal Div area: <div style="width:300px;height:300px;overflow:auto;border-width:0px;border-color:000000;border-style:solid;"> Text is here Text is here Text is here </div> I want when the page is loaded, the div area shows the bottom automatically i.e. The last Line I dont want users to take it down manually with the mouse everytime the page is loaded Do you know how this can be done? Hello people here, I playing with my own blog and i encounter many problem on HTML. So any help will be appreciated. I describe my problem below; Currently i am Using this as my Backgroud: <head> <style type="text/css"> Body{ background-image:url(http://www.mahgolwebv3.persiangig.co...runge_bg.jpg); background-attachment:fixed; background-position:left-top; background-repeat:no-repeat; background-color:#000000; margin-top:0px; Now i wanna add some emben object onto the bottom of the Background, which i got from imeem music playlist. <object width="277" height="80" ><param name="movie" value="http://media.imeem.com/m/Ot0eIFQxaG"></param><param name="wmode" value="transparent"></param><embed src="http://media.imeem.com/m/Ot0eIFQxaG" type="application/x-shockwave-flash" width="277" height="80" wmode="transparent" ></embed></object> The design i want for it is the "Imeem" (Object) Can LOCKED onto the bottom of the background so Even if i scroll the Imeen Object will not move (Fixed), But i cant seem to get the code correct.. Anyone mind teach me? And another problem which i dont know how to describe, its just that my blogspot is not covering the whole page. Example : Please take a look - blitzkriez.blogspot.com This is my page, my menu (Walking Alone) Cannot appear on the right side(too much space wasted) Anyway to move it onto the most right? My menu Code: .menu{ text-align:center; font-family:Tahoma; font-size:8pt; color:#F3C6EA; width:150px; height:auto; float:right; margin-right:0px padding-left:4px; padding-top:0px; background-color:#000000; padding-right:0px } .menu a{ text-decoration:none; color:#cccccc } .menu a:hover{ border-bottom:dashed 1px #cccccc; color:#777777; cursor: crosshair } And Lastly this is my container : } .container{ position:relative; width:575px; margin-left: 19em; <body> <div class="container"> <img src="http://www.mahgolwebv3.persiangig.com/walls2/walls_grunge_topbar.gif" class="img"/><br /> <span class="blogtitle"><i>At the end of another lost highway, Signs misleading to nowhere... </i> <body> How to make my container Lock its position like background? I cant figure the code for it.. Gidday gang, I'm trying to clean up some code on my site, and I'm having one little bit of trouble meeting XHTML 1.0 Transitional standards. The problem is this: I have the following code: Code: <a href="(javascript code to bring up AJAX popup)"> <div id="descriptions" style="height:30px;width:30px;"> <center>ANY</center> </div> </a> To meet W3C standards, the href tag needs to be inside the div tag, otherwise I get the beloved: Quote: document type does not allow element "div" here; missing one of "object", "applet", "map", "iframe", "button", "ins", "del" start-tag. error. However, I want the user to be able to click anywhere within the 30px by 30px box, not just the "any" text. I'm sure this must be quite easy to do while satisfying the W3C standards (perhaps some peculiar method of "object" or "button" tags?), but it really has me stumped. If anyone has any ideas I'd be most appreciative. Many thanks, - JB Message removed I just finished the rough draft for my new site. Everything looks fine in DW, but in the browser, it's all messed up! Can someone take a look and help me out? Take a look at the bullets about halfway down. http://nextlevelprofits.com/emailsecretsexposed/ Thank you SO much! At this website: http://sungbc.org/missions.php I liked how they made it so that the different people could be clicked on and a new mini-page would load on the page. Does anybody know how to do that Hello Everyone: I created a page in HTML and added javascript. I want it to have a search function.I have created a form which is basically a textfield and a "submit button".The "submit button" is meant to display web pages in a new window when I type in particular keywords into the textfield next to the "submit button" on the website.I have written the codes below so far and it is not working.I would appreciate it if you guyz can help me out.The webpage is not online just incase you guyz need to know.Thanks very much <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <script language="Javascript" type="text/javascript"> var keywords = "transistor Google Microsoft ipod " function gothere(placetogo) { if( keyWords.search(placetogo) == -1) { alert(placetogo+"is not an accepted keyword" ) } else { document.location = "C:\Documents and Settings\Teeboi\My Documents\Memorial University\WebPages" + placetogo + ".html" } } </script> <title>DESIGN CONCEPT</title> </head> <body bgcolor="#B0B0B0"> <form name="myForm"> <input type="textfield" name="searchtext" value="transistor" /> <input type="button" name="thebutton" value="Submit" onclick="javascript:gothere(document.myForm.searchtext.value)" /> </form> </body> </html> Hello, I am trying to create a page with a link that opens on a new page. This link will have an iframe to display another website. What I then want to do is have a pop over appear that will take me back to the original page. Is this possible and if so how would I code this. Oh and another thing. The first page will redirect itself after 10 secs. So this is what I want: Page A has a link that will open Page B Page A will redirect to another page after ten secs Page B will display a pop over when you click the pop over it will take you back to page A instead of opening a new page or changing to the link within page B. I hope this makes sense. So I all I need to know is how to make the pop over go back to page A. Thanks I work for a hospital and we are moving into a new building. The employees want me to put a simple countdown "ticker" on our intranet. The move is in a few months. Any one know code to create a date countdown? My site PLEASE READ ENTIRE THING! Some stuff I'm saying may be hard to express in typing, so use my link above to get a better picture. I need some coding help for website........Right now, if I want to post an article one of my journalists submitted, I have to go in and edit each page individually, the article doesn't just show up.....How do I make it so when someone submits an article, it gets posted on the front page, in the news and events section, and in my archives? For the front page, I want my two latest articles up there with a photo and a small description with a "more info" link that brings you to the actual article. For the news and events page, I want the latest article on the left hand side with a photo, a description, a title and the link, with the 2 previous articles on the right with all of that but no photo. For the archives page, I just want all the articles for that month in order, with the latest being on top, with a title, a description, and a link. Hey guys, i am very very new to html and i designed and coded www.e-smartonline.com for myself, i know the way i made the html was not good, i have trouble with the links cause everything is pushing them cause of the way i coded it.. lol. I was wondering if someone can fix my booboo? fix the links left and right so that it works well. thanks a lot guys! im having some trouble with putting stuff in the middle of my site because whenever i put something in the middle it moves my left nav bar down if you go here u can see what im talking about right now im using kompozer to make the site http://www.freewebs.com/zxgamerreviews/test22.html Hey Everyone, I need to set up some kind of html form which provides people with a registration ID, or number of sorts. The application of this kind of system would be so that if I had people registering for a conference, they could receive a committee assignment immediately. I'd appreciate any responses helping me. Thanks Guys (and ladies!) Bromo8824 Hello all! Cool place here and I hope with lots of experts. I have a n html template for a mod on my site and I cannot for the life of me figure out how to get it how I want. Basically what I want to do is remove the leftside images and move the titles on the right into its spot. I will post an image of what I am talkiking about and the code. Remove what is circled in red and put the tiles on the right into its spot. HTML Code: <div class="quick_links_elink" style="background-color: white;">
<div class="lcont_top">
<div id="lcont_img__unit_id__" style="left: 0px; position: left;">
<a href="__category_url__" class="main_l">
<img style="top:10px; max-height:16px;" alt="" src="__category_cover_image__" width="50px"/>
</a>
</div>
<div id="js_control_section0__unit_id__" style="padding-left: 5px;">
<a href="__category_url__" class="main_l">
__category_name__
</a>
</div>
<div class="js_control_section" id="js_control_section__unit_id__" title="Show / Hide" bximg="lcont_img__unit_id__" bxchild="lcont_other__unit_id__" style="background-position: 0px -17px;"></div>
</div>
<div class="quick_links_elink_lcont" id="lcont_other__unit_id__" style="display: none; top:40px; background-color: white;">
<a href="__category_url__" class="main_l">
<img alt="" src="__category_cover_image__" style="top:50px; width:80px; max-height:40px;"/>
</a>
<div class="lcont_other" >
__sub_categories_list__
<div class="clear_both"></div>
</div>
</div>
<script type="text/javascript">
var oShowHideController__unit_id__ = new ShowHideController();
$("#js_control_section__unit_id__").click( function() { oShowHideController__unit_id__.ShowHideToggle(this) } );
/*$("#js_control_section0__unit_id__").click( function() { oShowHideController__unit_id__.ShowHideToggle("#js_control_section__unit_id__") } );*/
</script>
</div>
THANKS in advance! Hey, I have made a layout in Photoshop CS3, and would like to start coding it into a website. Anyone have a tutorials that they can point me to inorder to achieve this? Cheers. -JT I have quite a complex design that I would like to code in an efficient manner (in which I will be porting to IPB 3.0). I had it coded several months ago by someone else, as I did not have time to do it myself; however, he did a very horrible job, as the design does not scale vertically, and the design uses many huge images in order to correctly display the layout: see http://mcaurie.com/preview/Cole/ . I was / am attempting to sell it; but its been well over a month and I haven't gotten anywhere, so I'm going to try to get it in a respectable coded format and possibly actually use it. I have two options at this point: * Modify his design so it loads faster (less bulky images, I would assume) * Start from square one: Re-code the entire design. Regardless of which option you think I should go with; any advice on how to tackle this beast would be appreciated. Oh yes, and here is a link to a watermarked original design: http://dl.getdropbox.com/u/1064940/Uprawr-1.jpg I am in the process of creating a website and on the front page, i wish to have a small riddle or question, in which people will need to type in the "password answer" and press the submit button and be redirected to the website proper. This is the coding i have so far, and i am sure that it is something simple i have missed, but i just cannot see what. I can get the redirection to work without the password, or i can put the password on properly but the redirect doesn't work..... Quote: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>My Website</title><link href="main.css" rel="stylesheet" type="text/css" /> </head> <body bgcolor="#000000"> <div class"introbnr"> <div id="introbnr1"> <img src="../Banners/introbnr.jpg" border="0"/> </div> <p align="center"><font color="#FFFFFF">_________________</p> <form method="POST" action=""> <input answer="________________" type="password"/><br /> <input type="button" value="Enter" onclick="document.location = 'intro.php' ;"> </form> </body> </html> The top section has several code errors, the bottom section is where the code was taken from, any help please, I'm a newbie to coding thanks in advance <p class="8"><a href="Photo%20Gallery2.htm" target="_parent">Click image for Photo Gallery</map></p></h3> ----------------------------------------------------------------------------------------------------------- <h3 class="c18"><a href="Photo%20Gallery2.htm"><span class="c22"><img src="alifephoto2.jpg" alt="Photo Gallery of ships, mammels, icebergs and fish" width="190" height="103" border="0" usemap="Index.htm#MapMap" class="style1"></span></a> <span class="c22"><map name="MapMap" id="Map3"> <area shape="rect" coords="-2,-2,189,103" href="Photo%20Gallery2.htm" target="_self" alt="Photo Gallery of ships"> <p class="8"><a href="Photo%20Gallery2.htm" target="_parent"></a></p> <p class="8"><a href="Photo%20Gallery2.htm" target="_parent">Click image for Photo Gallery</map></p></h3> Any body got any tips on what to use to code to develope aa forum. I have been doing basic coding and want to know if anybody has any ideas or tips or is html the wrong system to code in? |
|||||||