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



Login         

View Questions and Answers by Category

Advertisements


 
Have Programming Question? Ask it here!
 
 
 


Anoop K S
html+css
0 Answer(s)      4 years and 8 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   Cunningham Location Siteplan Lots News Contact us... development by | Website by   css body
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   Davgan Financial Services //initialise plugins jQuery(function(){ jQuery('ul.sf-menu').superfish... by css body { margin: 0; padding: 0; background-color
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
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
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
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
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
ServerEclipse
(editors, code highlighting, etc) for JSP, XML, HTML, CSS and *.properties
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
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
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
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
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
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
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  
AJAX Blog
file into HTML/CSS pages. Developer uses the designed HTML pages... of Photoshop, HTML, HTML 5, CSS, Ajax and the server side programming languages... is not a single technologies, but it includes many technologies such as HTML, CSS, XML etc
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
SEO Copywriting
the excellent knowledge of your HTML and CSS, because improving the source code
Tomcat For Eclipse
in the dependencies project. All the JSP files (html , css, js, pdf, htm
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
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
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
 

 

 

DMCA.com