Latest Tutorials| Questions and Answers|Ask Questions?|Site Map




Have Programming Question? Ask it here!
 
 
 


Anoop K S
html+css
0 Answer(s)      3 years and 11 months ago
Posted in : Java Beginners


<html>
<head>
<title>Akido</title>
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="header">
<div class="pageCenter">
<a id="logo" href="#"></a><br/><br/>
<div class="purplelight">
NEXT EVENT: Radio Interview<a href="#">More Information</a>
</div>
<div id="nav">
<ul>
<li><a href="#" ><span class="lightsgreenBackground">Home</span></a></li>
<li><a href="#"><span class="lightsgreenBackground">Blog</span></a>
<li><a href="#"><span class="lightsgreenBackground">Music</span></a></li>
</ul>
</div>

<div id="join">
<span class="lightgray">JOIN THE AKIDO TEAM</span>
<a href="#"><img src="images/icon_facebook.gif"></a>
<a href="#"><img src="images/icon_twitter.gif"></a>
</div>
<div class="clear"></div>
</div>
</div>
<div id="content">
<div class="pageCenter">

<div class="main">
<div class="mainbar1">
<img src="images/akidino.jpg" width="258" height="258">
</div>
<div class="mainbardata">
<span class="lightgray">LATEST RELEASE</span><br/>
<span class="white"><blink>BLINK (REISSUE)</blink></span><br/>
<span class="lightgray">NORDIQUE RECORDS - nord05 - DIGITAL</span><br/><br/><br/>
<a href="#"><span class="greydark lightgreyBackground">BUY NOW </span></a><br/><br/>
<span class="greydark">AKIDOSHOP<br/>ITUNES<br/>AMAZON</span><br/><br/>
<a href="#"><span class="greyBackground">More Information ></span></a>
</div>
<div class="clear"></div>
<div class="mainbar2">
<div class="maincontent">
<div class="maincontentdata">
<span class="lightgray">Latest news from the aKido HQ...</span><br/>
<h2>aKido song chosen for ADIDAS campaign!</h2>
<span class="lightgray">POSTED FROM: Montreal, QC | April 30th 2010</span>
<div align="right">
<span class="lightgray" >SHARE:</SPAN>&nbsp;&nbsp;
<img src="images/icon_facebook.gif" width="15" height="15">
<img src="images/icon_twitter.gif" width="15" height="15">
<img src="images/icon_flickr.gif" width="15" height="15">
<img src="images/icon_youtube.gif" width="15" height="15">
</div></br></br>
Lorem ipsum dolor sit amet, consectetur
adipiscing elit. Quisque felis felis,
adipiscing elit. Quisque felis felis,
adipiscing vel facilisis nec, eleifend quis
risus. Mauris eget nulla nisi, eget lobortis
aliquet eget erat. Duis iaculis tempus augue,
<br/><br/>
<a href="#"><span class="greyBackground">More ></span></a><br/>
<a href="#">
<div align="right"><span class="greyBackground">See all Blog Posts ></div></span></a>
</div>
</div>
</div>

</div>

<div class="sidebar">
<div class="innersidebar1">
<div class="sidecontent1" align="left">
<span class="greenlight">aKido on Twitter</span></br></br>

</div>
</div>
<div class="innersidebar2">
<div class="sidecontent2" align="left">
<span class="purple">aKido Gear</span></br></br>
&nbsp;&nbsp;&nbsp;<img src="images/img1.png" ></br>
<a href="#"><span class="darkpurple violetBackground">AKIDOSHOP ></span></a>
</div>
</div>
</div>
<div class="clear"></div>
</div>
</div>


<div id="footer">
<div class="pageCenter">
<div id="nav">
<ul>
<li>
<a href="#">Home |</a></li><li>
<a href="#">Blog |</a></li><li>
<a href="#">Music |</a></li><li>
<a href="#">Merchandise |</a></li><li>
<a href="#">Videos |</a></li><li>
<a href="#">Photos |</a></li><li>
<a href="#">Licensing |</a> </li><li>
<a href="#">Extras |</a> </li><li>
<a href="#">Contact</a></li>
</li>
</ul>
</div>

</div>
<br/>
<span class="greydark">
Copyright NORDIQUE MUSIC COMPANY inc. All rights reserved Worldwide </span>
</div>
</body>
</html>



css


/*
Theme Name: akido
Theme URI:
Description:
Version: 1.0
Author:
Author URI:
Tags:
*/
body {
margin: 0;
padding: 0;
background-color: #f1f3f6;
font-family:Times New Roman;
text-align: center;
color: #ffffff;
}

.pageCenter {
width: 975px;
margin: auto;
}

#logo {
background: url(images/logo.gif) no-repeat;
float: left;
display: block;
height: 48px;
margin: 44px 0 0 2px;
width: 180px;
}

#header {
background-color: #515151;
}

#join {
float: right;
font-size: 14px;
margin: 0 47px;
width: 227px;
}


#nav {
height: 47px;
margin: 2px 0 0 0;
}

#nav ul {
margin: 0;
padding: 0;
}

#nav ul li {
float: left;
list-style: none;
}

#nav ul li a {
color: #111111;
display: block;
padding: 9px 3px 2px;
text-decoration: none;
}

#nav ul li a img {
border: 0;
}

.clear{
clear:both;
}

#content {
background: #909090;
}

#footer {
background: #909090;
padding:9px;
}

.sidebar {
width: 340px;
float: right;
}

.innersidebar1 {
border: 6px solid #75D7D8;
margin: 9px 0 0 0;
width: 282px;

}

.innersidebar2 {
border: 6px solid #B29CFA;
margin: 9px 0 0 0;
width: 282px;

}

.innersidebar3 {
border: 6px solid #30FF81;
margin: 9px 0 0 0;
width: 282px;

}

.innersidebar4 {
border: 6px solid #1DD4CF;
margin: 9px 0 0 0;
width: 282px;

}

.sidecontent1 {
background: #101010;
color: #FFFFFF;
padding: 8px 14px;
}

.sidecontent2 {
background: #101010;
padding: 8px 14px;
}

.sidecontent3 {
background: #101010;
padding: 8px 14px;
}

.sidecontent4{
background: #101010;
padding: 8px 14px;
}

.main {
float: left;
width: 603px;
margin: 0 0 0 0;
}

.mainbar1{
float: left;
border: 6px solid #515151;
margin: 9px 0 0 0;
width: 258px;
}

.mainbardata {
float: right;
}

.mainbar2{
border: 6px solid #515151;
margin: 14px 0 0;
width: 594px;
}

.maincontent {
background: #101010;
color: #FFFFFF;
text-align:justify;
}

.maincontentdata {
color: #FFFFFF;
padding: 8px 14px;
}

.lightgray {
color: #CBC9CB;
font-weight: bold;
}

.white {
color: #FFFFFF;
font-size: 24px;
font-weight: bold;
}

.purplelight {
color: #CBC9E5;
font-size: 11px;
font-weight: bold;
margin: 0 547px 0 0;
}

.greydark {
color: #515151;
font-size: 16px;
font-weight: bold;
}

.greenlight {
margin: 13px;
color: #7CCED2;
font-weight: bold;
}

.lightgreenlight {
margin: 13px;
color: #30FF81;
font-weight: bold;
}

.bluelight {
margin: 13px;
color: #1DD4CF;
font-weight: bold;
}

.purple {
margin: 13px;
color: #AB9BCB;
font-weight: bold;
}

.darkpurple {
font-size:10px;
font-weight: bold;
color: #384043;

}

.purpleBackground {
background-color: #AB9BCB;
padding: 1px 4px;
margin: 171px;
}

.greyBackground {
background-color: #515151;
padding: 4px 12px;
margin: 1px 7px;
font-weight: bold;
}

.lightgreyBackground {
background-color: #CBC9CB;
padding: 4px 12px;
margin: 1px 7px;
}

.lightsgreenBackground {
background-color: #75D7D8;
padding: 4px 12px;
margin: 0 1px;
font-weight: bold;
}

a {
color: #CBC9E5;
text-decoration: none;
}

img {
border: 0;
}

Advertisement
View Answers

Related Tutorials/Questions & Answers:
HTML CSS example
HTML CSS example  Hi, Can anyone share the HTML CSS example code. I my HTML web page I have to embed the CSS style. Share some HTML CSS example... in HTML page: <style type="text/css"> body { color: purple; background
HTML CSS
HTML CSS  Explain in brief about the term CSS
Advertisements
html+css - Java Beginners
html+css   Davgan Financial Services //initialise plugins jQuery(function(){ jQuery('ul.sf-menu').superfish... by css body { margin: 0; padding: 0; background-color
html+css - Java Beginners
html+css   Akido NEXT EVENT: Radio InterviewMore Information Home Blog Music... reserved Worldwide css /* Theme Name: akido Theme URI
html+css - Java Beginners
html+css   Cunningham Location Siteplan Lots News Contact us... development by | Website by   css body
j2s
j2s       Java2Script (J2S) Pacemaker provides an Eclipse Java to JavaScript/HTML/CSS compiler plugin and an implementation of JavaScript version of Eclipse Standard Widget Toolkit (SWT
The Role of AJAX in enhancing the user experience on the Web
technologies in a new way. These include HTML, CSS, DOM, XML, XSLT
dynamic creation of multiple drop-down menus
dynamic creation of multiple drop-down menus  can anybody plz help me in coding for dynamic creation of multiple drop-down menus in a webpage using ajax/js/html/css
CSS ScrollBar Properties
CSS ScrollBar Properties  How can i set ScrollBar properties in CSS? I am using HTML, CSS and Div in my code. Thanks!!   overflow: scroll; overflow-y: scroll; overflow-x: scroll; overflow:-moz-scrollbars-vertical
Try it Editor
Try it Editor  Hello sir...actually i want to add an html,css & js editor like in w3 school try it editor 1.5....can you tell me how i can add it..pllz plzzz rppy soon
On Javascript
On Javascript  Design a job registration form using HTML and CSS, through which a job seeker can fill personal, contact, educational, project and experience details to apply for a job. Do proper validation for all mandatory
Vertically center page
Horizontally ..but is it possible to vertically center page in HTML or CSS?   You can set the Height, width and left, right alignment for the text in CSS as given below... Vertically center page in CSS .className{ width:300px
highlight menu item html
highlight menu item html  highlight menu item in html or CSS   <body id="index"> <div id="menu"> <ul> <li class="index" ><a href="index.html">Index page</a></li> <
XAJAX Library
XAJAX Library       xajax is an open source PHP class library that allows you to easily create powerful, web-based, Ajax applications using HTML, CSS, JavaScript, and PHP. Applications
ServerEclipse
(editors, code highlighting, etc) for JSP, XML, HTML, CSS and *.properties
Fetching data from excel file on other website and display in interactive graph form
Fetching data from excel file on other website and display in interactive graph form  Hello, I am making a website using HTML and CSS, I am done with the layout, I have to generate ineractive graphs like stock market's, Can you
Send forgot Password through mail - JSP-Servlet
for that i am using (JSP)(using HTML and css for front design) IDE:Eclipse-3.2, App
How Traditional Web Applications Works
Server finds the request and generates the requested web page (HTML+CSS
Vayala
your skin/theme (html/css) for more information: http
Dojo Tutorial
Dojo DOM Dojo HTML and CSS Dojo Ajax Functions... on JavaScript and HTML, so its easy to learn. You can learn Dojo very fast
web designing - WebSevices
web designing  Hello, i have made one web page using html and css. i....)looks ugly because they lose the space between them. i am sending html and css code: please help me. html code: About Us Aics  
html - WebSevices
web page using html and css. whenever i open my web page with internet.... i am sending you my html and css codes. please do some changes in my code. thank you. i will be really thankful to you. html code: About Us
web designing - WebSevices
web designing  Hello, i have made one web page using html and css. i....)looks ugly because they lose the space between them. i am sending html and css code: please help me. html code: About Us Aics  
What is HTML 5 and CSS 3
What is HTML 5 and CSS 3 HTML 5 and CSS 3 are the standard versions of the basic HTML and CSS language, which is used to create more interactive web pages... supports animations along with 2D/3D Transformations features. Using CSS 3 and HTML
PHP Database
PHP Database Creation A simple website is made of the following technologies: i)    HTML/CSS: HTML & CSS is used to get the user interfaces, and a pretty look for the web site. ii)    PHP: PHP
Flex 4 getting started, Getting Started with Flex 4
Getting started with Flex 4 Prior to begin working in Flex 4, you must have some prerequisite knowledge of basic programming including concepts, processes, functions, constructions of programming, and softwares like XML, HTML and CSS
SEO Copywriting
the excellent knowledge of your HTML and CSS, because improving the source code
Project Guidance
/CSS/XML, SQL, AJAX and Flash In my opinion the best approach is to create a Java applet easily customizable HTML/CSS interface. To store applet data
Tomcat For Eclipse
in the dependencies project. All the JSP files (html , css, js, pdf, htm
Open Source Dreamweaver
on JavaScript, HTML, and CSS languages, including your own JavaScript functions * Outliner that gives a snapshot view of your JavaScript, HTML, and CSS code structure... using XHTML and CSS. One of the highlights in the upcoming version is much closer
PSD to HTML conversion services
and we are charging compitivie price. We are using latest CSS and HTML... in HTML, CSS, JavaScript, Ajax, jQuery and latest web page designing tools. Our... HTML/XHTML pages Create create commented CSS, which is good for maintenance
Website Development Services
it using latest innovation in HTML and CSS. We program highly responsive website... and maintenance services. We employ latest technologies such as HTML5, CSS... practices such as creation eye catching logo, W3C validation, HTML Validation, Web
Ajax Web Framework, Frameworks for Ajax
the knowledge of HTML, CSS, JavaScript and Ajax. In this kind of framework developer authors the HTML and the api directly interacts with the HTML elements... frameworks, developer must know CSS, HTML. There is no requirement of knowing
Java & JEE books Page11
to get more out of their website than HTML and CSS can provide. JavaScript
Difference between Flex and Flash
. Developers who have good knowledge of html, css and javascript or little bit... languages in one application like mxml which is similar to html, action script or php
AJAX Web-Framework
the knowledge of HTML, CSS, JavaScript and Ajax. In this kind of framework developer authors the HTML and the api directly interacts with the HTML elements... frameworks, developer must know CSS, HTML. There is no requirement of knowing
Open Source Ajax
existing technologies in a new way. These include HTML, CSS, DOM
jQuery Tutorial For Beginners
of JavaScript programming, HTML, and CSS. Introduction of jQuery has made... from the HTML page, you want. It simplifies the programming in JavaScript... the powerful selector using which you can select most of the thing from an HTML page
Web Designing Cost
HTML and CSS editing for tweaking or debugging, a Console for logging... into HTML/CSS for rapidly creating prototypes. With the help of fireworks
Ajax Code Libraries and Tools
applications based on HTML, CSS, if needed JavaScript, * and MulitChannel... XML data into their HTML documents using HTML, CSS, and a minimal amount... is HTML-centric, and easy to implement for users with basic knowledge of HTML, CSS
Open Source JavaScript
of JS, HTML and CSS, and provides error notifications and code validation... as HTML elements or JavaScript objects as Ajax response objects. Multiple elements... application to support drag and drop. Just register any HTML element or JavaScript
DHTMLTutorials
to learn how to use AnimTree is to modify the HTML and CSS in the demos. All... DHTML stands for Dynamic HTML. DHTML is not a standard defined by the World Wide... Web sites. To most people DHTML means a combination of HTML 4.0, Style Sheets
PHP Frameworks
HTML, CSS, JavaScript, and PHP.    Tigermouse PHP/AJAX
Developing responsive Ajax based Applications with ajax technologies
HTML, CSS, DOM, XML, XSLT, XMLHttpRequest and JavaScript... HTML web pages, later on it became dynamic by using CGI script (Perl was mostly... day by day, it is good to connect an HTML page with XML, with the help
Top 10 Web Design Tools
of this tool you can inspect various important components like HTML, CSS, JavaScript... can think of. Honorable Mention: CoffeeCup HTML Editor In providing here... be as bad as not to name this top notch web design tool. CoffeeCup HTML Editor
JSF Basic Interview Questions
have the knowledge of other web technologies like HTML, CSS, AJAX etc. So
Ajax Books
on existing Web technologies such as JavaScript, HTML, and CSS, and it is used... is the details of DHTML's DOM and CSS conections. That is why we are featuring
Eclipse Plunging/Web
) for JSP, XML, HTML, CSS and.    EchoStudio EchoStudio... CSS and HTML files.    EchoStudio2  ...-in that consists of two components - HTML Designer and CSS Designer. HTML Designer
Java Frameworks
an Eclipse Java to JavaScript/HTML/CSS compiler plugin and an implementation...: Pure-HTML templating, with a lightning-fast renderer, IKAT Build "components" using libraries of HTML rather than libraries of code.  
Open Source Shopping Cart
to create HTML pages without any knowledge of HTML and CSS. It provides addressbook... Not all employees are aware of HTML, so  Full-featured WYSIWYG text editor... customized with css and text. 20. CREloaded CREloaded is open source, secure e
Advertisements
 

 

 

DMCA.com