|
HTML - How Can I Make A News Section?
I am in the process of building a site and want to include a News section. However do most website do this manually or use sites like joomla, drupal, and such to do this? I would like something similar to HighTimes.com content articles with tags that connect everything together.
Can someone please tell me how this is done? Thank you. Similar TutorialsHi peeps, I apologise if this is in the wrong section, if so, please move to appropriate category. I have a basic understanding of HTML coding and I am attempting to learn new skills and tricks to help me in my development. I am currently in the process of developing a new site for myself and on this site I will have a news page, which I update weekly with news from the industry. I was wondering what is the best way of going about new news articles (written by myself, not taken from external sources) and also how to automatically update the 'news' snippet on the homepage when I add a new news article? Any advice or pointers in the right direction would be greatly appreciated. Thanks hi guys. i am builder my sister a small website for her cat breeding hobby, it has about 6 or 7 pages, on each page i have the news section sat on the side of the page under the links. what im wanting to know is. is there a way i can add some code to the HTML for the section where the news is now to make it so i can update it from a text file so i dont have to update the news on all 7 pages individualy and can just edit the text file upload it to the server hit refresh on the page and its done thanks in advance Dear forum members, I have a web site on which i wish to add a page with a news-section. By that i mean a blog-like section, where i can post updates about events and products etc. So something like: <separation_line> <headline> <the date of the news> <body_text> <separation_line> etc. Then i wish to make it so that the posts i put in this news section are automatically sent as wall post to the firm's facebook page (which is in turn sent to twitter, but that is already working). I am completely new to blogs etc. but know how to code html, css and java and a few other languages. Is there a way to do what I am looking for, easily? Is that something wordpress is for? The web page is http://www.leveldance.com, in case that is of use in providing some advise. Thank you very much in advance. Magnus aaaaaaaaaaaaaaaaaaaaaaa I am working on making a website, and learning as I go. I have been trying to figure out how I would make links and images appear in the same section of many different pages using code. Is this possible in HTML/CSS, which are the only languages I have any experience in. If you need anymore information, let me know and I'll add more details. hi everyone this is my first page so i will probably have a couple of questions to help give me an idea of how to do that i want! basically someone has asked me to design them a site, i did a web design course but that was 6 months ago and i need to learn new things for it as well as try and remember what ive learned! ive got a semi basic layout, ill post the html and css, hopefully ill pate them in the right way (this definitely wont be the colour scheme, ive been following an online tutorial, want to get the layout right before making other tweaks) basically in the content section theyre looking for a rectangular box that has 4 imaes, 2 side by side and two below. these will change when theyre rolled over and when a particular image is clicked it will take them to the correct section of the site. as far as i understand from the css i have the size of the content section will change depending on how much information is there. how would i know what size to make the flash for insertion into this section so it fits properly without any gaps? sorry im a bit new to this but the more i learn the better! i dont have a clue how to actually code the flash yet but getting the size right would be a good start! thanks for your help HTML Code: <link rel="stylesheet" type="text/css" href="css/master.css" />
</head>
<body>
<div id="page-container"> <!--this div will hold all the other elements of the page-->
<div id="main-nav">Main Nav</div>
<div id="header">
<h1> Kilmaclolm Dramatic Society logo to be placed here </h1>
</div>
<div id="sidebar-a">
<dl class="hidden">
<dt id="about"><a href="#">About</a></dt>
<dt id="services"><a href="#">Services</a></dt>
<dt id="portfolio"><a href="#">Portfolio</a></dt>
<dt id="contact"><a href="#">Contact Us</a></dt>
</dl>
</div>
<div id="content">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nullam gravida enim ut risus.
Praesent sapien purus, ultrices a, varius ac, suscipit ut, enim. Maecenas in lectus.
Donec in sapien in nibh rutrum gravida. Sed ut mauris. Fusce malesuada enim vitae lacus
euismod vulputate. Nullam rhoncus mauris ac metus. Maecenas vulputate aliquam odio.
Duis scelerisque justo a pede. Nam augue lorem, semper at, porta eget, placerat eget,
purus. Suspendisse mattis nunc vestibulum ligula. In hac habitasse platea dictumst.
</div>
<div id="footer"><!--floated divs dhould come first to avoid any IE issues-->
<div id="altnav">
<a href="#">About</a> -
<a href="#">Services</a> -
<a href="#">Portfolio</a> -
<a href="#">Contact Us</a> -
<a href="#">Terms of Trade</a>
</div>
Copyright © Kilmacolm Dramatic Society. A website by D Keenan
</div>
</body>
</html>
Code: @charset "utf-8";
/* CSS Document */
html, body { /*resets the margins and padding on both the html and body tags to 0 to ensure theres
no space between the top of the browser and the top of the page */
margin: 0;
padding: 0;
}
h1 {
margin: 0; /* takes away the default margin and padding on h1 tags */
padding: 0;
}
.hidden {
display: none; /* any element with this class wont be seen on the site */
}
#page-container { /* there is a # as this is an id, to be used once on the page only, not repeated elsewhere
this div's height will change depending on the content*/
margin: auto; /* browser sets margin, should centre the div */
width: 760px; /* sets the width of the container */
}
#main-nav {
background: red;
height: 50px; /* the width doesnt need to be specified, it will be 760px as this is the with of the containing div */
}
#header {
background: blue;
height: 150px;
}
#sidebar-a {
float: left; /* floats sidebar to left of the screen */
background: darkgreen; /*the height is dependend on the content so no height will be set for the time being*/
width: 280px;
}
#content {
background: green; /*the height is dependend on the content so no height will be set for the time being*/
margin-left: 280px; /*creates a margin as wide as the sidebar to separate the sidebar information and the content */
}
#footer {
clear:both; /*When an element has the clear property assigned, if it comes into contact with a float it is placed right below where that float ends.*/
background: orange;
height: 66px;
}
Hello everyone, New to this forum, hoping I can get some help. I am somewhat new to HTML, so I'm running into roadblocks every once in a while, most of which I've gotten through myself. I have a problem with an iFrame I want to use. I need to find a way to have an iFrame jump to a section of a page that I want to display. I am building a website for a hockey team. The URL is http://web.mac.com/chris.ducasse/for...a/gameday.html you will see an iFrame that embeds a page from "pointstreak.com" I want the iFrame to automatically jump down to the "scoreboard" section. Is this possible? If not, is there a way to get rid of the scroll bars for ALL browsers? I want to thank everyone in advance for their help, glad to be a part of this forum, looking forward to learning a lot! hey dunno if there is an html code for this or if i shuld do this in php but does anyone have a way to have an upload section where all the uploads go and a different place to upload hope it make sense thx brad how do I create a section slide? This is where say, we have an item on this page. And we can expand/collapse that part from a click of a button? I can't seem to find the examples....but have seen them before. I hope you know what I mean basically just want some panel where I can click on a button, it will expand the contents (slide) and when I click on the button again, it will collapse the contents (sliding back up) Basically I have a tab on my website called future ideas and my goal is to have a small table at the bottom of the screen that simple has a "name", "comment" input box, and what I want is to when they click "submit" it will post a small little box of the person's comment on the bottom of the webpage. I have a feeling this is not easy at all and I would like some dumbed down language here when explaining to me because I am definitely not a pro at php coding yet. Or maybe if there is a package out there someone highly recommends please post it, but be sure there is a good guide to post as well for it. Thanks in advance! Basically, at the end of each article, I want to have a comment box that goes good with my site's style. Here's one of the articles from my site, and if I could get one that goes good with my color scheme, that would be great: http://celticsinsider.webs.com/14march2010.html Hi: I wish to place a heading in the middle of a horizontal line (i.e., maybe using <hr /> ??) at various places in my page. That is, I would like a line in my page to look like: ----------------------------------- NOTICES --------------------------------------- How can I do this please ? Thanks, -Mel Smith here's the initial page: http://www.shscorp.ca/content.aspx?f...incentives.htm If you click on "GLOBE Board of Directors" on the left hand menu, it won't jump to the section #board on the index.htm page. Why is that? I already placed the <a name="board"></a> tag on the other page. Any help is great. I'm looking to create a website which has a section for user reviews. I'd like the reviewer to be able to submit an explanation of the product in addition to ratings for various aspects of the product. I need this section to merge aesthetically with the rest of the website so a template may not be suitable. What would be the best way to tackle this? I have basic HTML knowledge but will learn as needed. i'm new so please be gentle! I have recently designed and put up a new website. url he http://www.thecomicstrippresents.webs.com it's the first time i have used photoshop to design a website and for a first attempt i dont think it looks half bad. i'm sure as well as looking a whole lot worse, it could look a lot better. first off can someone tell me the ideal resolution i need to save the images as some of the images are grainy and pixely. secondly, can someone suggest what i can use to put content in the mid section? a lot of the content is longer than the box allows so for the time being i have put an Iframe there, the iframe is ok temporarily but will be a bit of a as far as SEO goes and up until i changed to iframe i was coming up second page of a google websearch for 'The Comic Strip Presents' please can you someone help? cheers Em I have some expanding sections (spans) in my page that expand when clicked with a little javascript changing display to block form hidden. However one section when expanded doesn't move the next section down at all. The next section is not set to absolute or anything so I cannot think why that section isn't moving down when the previous section is expanded. Have tried everything and previous sections seem to have exact same code and they push down the next section when expanded. Confused. It's the section HTML Code: <h3>Silver Jews Band Website</h3>
<p class="cntr"><a href="images/sampleWebsite1.png" title="website example"><img src="images/website_thumnail.gif" alt="Example Website Design"/></a></p>
<p class="fl">
<span class="plusArrowPF" onclick ="moreInfo('webSite1') ">click here to expand this section...</span>
<span id="webSite1">
text text
</span>
</p>
<h3> <br /><br /> Rocky Horror Festival Website</h3>
<p class="cntr"><a href="images/sampleWebsite3.png" title="website example"><img src="images/website3Thumbnail.JPG" alt="Example Website Design"/></a></p>
<p class="fl">
<span class="plusArrowPF" onclick ="moreInfo('webSite2')">click here to expand this section...</span>
<span id="webSite2">
text text </span>
</p><br /><br />
<h2 class="pfH2" id="programs"><br/><br/>Programs</h2>
<hr />
etc etc
if you want to view the page to see what I mean it's www.absolute-websites\portfolio.html and it's the section at Rocky Horror Festival. Thank you. I want a match report section on my site similar to these sites: sk-gaming and fnatic How would I go about this? I'm running my site off Wordpress by the way. Okay, so obviously, this is my first post, and i know how much forum-ers can hate on first posters, but I have a valid question here First of all, I really dont even know what coding language I should use to do this. I am fairly experienced in PHP, CSS, and HTML. JS is new to me, but I am learning. Anyways, what I want to do, is have someone click on a link that links to a section of the same page (such as "<a href="#section">) and the part of the page containing the <a name="section"> code is hidden. When the <a href="#section"> link is clicked, a section of the page disappears and the section containing the <a name="section"> appears. My first instinct is that JavaScript would be the easiest to do this, but I'm not super experienced in it, so I'm kinda lost. I really don't know how to explain this any more thoroughly, but I will answer any questions to the best of my ability. Thanks in advance, Austin Hey everyone, this is my first post! This might belong in the scripting section, I'm not sure. Here is a breakdown of what I'm trying to accomplish. I have a script running on a vbulletin site that incorporates iFrames via BBcode. So I can control the attributes of the frame. So for example, the script I'm running embeds content into the threads automatically using the BBcode I defned. When someone types [BBFrame]http://www.google.com[/BBFrame] it will parse, < iframe src="http://www.google.com">. I want to restrict iFrames created from accessing sites outside my domain. The script I'm running automatically embeds content on my domain, what I don't want is someone viewing the source code and using the BBcodes to embed malicious sites! Can this be done? THANKS FELLAS! Can I click on a thumbnail picture and have it open up below some text on the same page but using a larger size pix. TIA |
|||||||