Jump to content

Search the Community

Showing results for tags 'css3'.

More search options

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


  • RuneLocus
    • News & Announcements
    • Information Booth
    • Website Support
    • Introductions
    • Chat
    • Forum Games
  • RuneScape Development
    • RSPS General
    • RuneScape Private Server (RS2)
    • RuneScape Private Server (503+)
    • RuneScape Private Server (EoC 742+)
  • Other
    • Digital Art
    • Gaming
    • Webdevelopment
    • Computers
  • Marketplace
    • RuneScape Market
    • RSPS Market
    • Others Market
    • Freelance Middleman Services
  • Super Secret Club's Topics

Find results in...

Find results that contain...

Date Created

  • Start


Last Updated

  • Start


Filter by number of...


  • Start



Found 2 results

  1. Hello everybody. A class that i took on HTML and CSS is giving a free guide on HTML5 and CSS3. This is by Pablo. And i think many users would benefit from this ebook. It is a PDF file. [img]http://i.gyazo.com/66b0ca7686d353a265e8042952eb0d16.png[/img] [url]http://www.mediafire.com/view/a921150fp0ov1ud/A-Guide-to-HTML5-and-CSS3.pdf[/url]
  2. Note: It may have a little length to it but rest assured is you pay attention and read thoroughly you will be able to code your own website, theme, blog, etc. Things to be covered in this tutorial: HTML, CSS. Lets get this started. Lesson 1: Basic HTML Tags & Page set up. The first thing we should learn when wanting to code is the basic structure of our HTML document. The following is the basic structure of a bare HTML document. [code]<html> <head> </title></title> </head> <body> </body> </html>[/code] Now you may be wondering to yourself what each of these tags do. I will explain what each of these do in short. <html></html>: These are the tags telling the webpage that the document is an HTML document. All other HTML tags should be displayed INSIDE on these 2 tags. <title></title>: These tags are for the title of the page. The short text that shows up in the tab of your browser. Or up in the top left-hand corner of your browser. <body></body>: These are the tags for the visual content of your webpage. </head></head>: Title tags, stylesheet imports, etc go in between these tags. Someother useful HTML tags for beginners: Paragraph tag: <p></p> Hyperlink HTML: <a href="#"></a> Style Tags: <style></style> You can read more about these at W3Schools Note: If you are wondering why I did not include the <style> tags in the basic structure of A webpage it's because I personally feel it is bad practice since you would have to write the code over and over on diffrent webpages. We will learn how to easily do this without having to use the <style> tags later in our lesson. Lesson 2: HTML Div's & external stylesheet CSS styling. On to our next tutorial. We are going to enter this part of our lesson assuming you have check out W3Schools and have been exposed to more HTML tags. We are going to start off with our webpage with the following set up. We are also going to have 2 files to edit: style.css index.html Index.html file code: [code]<html> <head> <title>Revenge's HTML Tutorial</title> <link rel="stylesheet" href="style.css" /> </head> <body> <div id="example"> This is our <div> we will be styling. </div> </body> </html>[/code] Now we are going to show you how to style that div. Open up your style.css file and put in the following: [code] body { background-color: #333333; color: #ffffff; font-family:Arial; } #example { margin: 0 auto auto auto; padding: 5px; background-color: black; } [/code] Most of the CSS code is self explanatory. The one thing I want to touch on here (because I had trouble with this.) is styling the div. To style the div we must do: [code] #divname { } [/code] This means, the div you made on your html page's name must match the div in the css page. If it does not you have not matched the div's the right way. If you want to get more advanced you could try styling the div with Css3 elements. :D [b]Some cool CSS3 Codes[/b] [code] border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; text-shadow: 1px 1px 0px #000000; background: rgb(255, 0, 0) ; opacity: 0.6; text-overflow: clip; ect... [/code] If anyone finds any mistakes please tell me so I can fix them. :D