Master Pages, Themes and Navigation Controls

Error Pop Up Not Working on Master Page ".vb"

Schwimms — Mon, 23 Nov 2009 20:28:35 GMT

Hi All!

I have set up an error message to pop up when an address is not found. I am in the masterpage.vb.

This is the command on a button click:

Protected Sub SearchAddress_Click(ByVal sender As Object, ByVal e As System.EventArgs) Handles SearchAddress.Click
        Dim myaddress As Address = GetAddress(AddressInputTextBox.Text)
        If myaddress.geoLat Is Nothing Then
            ClientScript.RegisterClientScriptBlock(Me.GetType(), "test", "alert('The address entered was unable to return an accurate map location');", True)
            Exit Sub
        End If
        Response.Redirect(String.Format("~/home.aspx?myaddress.geolat&myaddress.geoloc&", AddressInputTextBox.Text))
    End Sub

If the address is not found its suppose to show a pop up with the following code:

ClientScript.RegisterClientScriptBlock(Me.GetType(), "test", "alert('The address entered was unable to return an accurate map location');", True)

In the code I have an error where is says "ClientScript", the error is "ClientScript is not declared"

...I also have this same search button script set up inside a <script> on another page that doesn't use the seperate ".vb" page. Any idea what to do?

Dynamically generate a menu from database.

SureshMali — Mon, 23 Nov 2009 22:35:47 GMT

Hi Friends,

I have a scenario where I need to generate a menu dynamically from the database.

I have a table call "Categories" which has fields CatID and CatName. There is another table Products which has fields CatID, ProdID, ProdName. Now I want to generate a menu in such a way that the Products related to a particular category are displayed under that category.

Something Like this

CDs
>>miniCD
>>Standard CD

DVDs
    >>miniDVD
    >>Standard DVD 4.6GB
    >>Dual Layer DVD 8.0 GB

In the above case CD and DVD are the category and the other items are their Products.

Would appreciate if anybody could direct me to some example code or give any idea how this can be achieved.

Thanks

How do I get the ASP.NET menu control to display horizontally?

mrrogers — Mon, 23 Nov 2009 18:27:58 GMT

How do I get the asp.net menu control to display horizontally, in breadcrumbs style:

menuitem1 > menuitem2 > menuitem 3 > menuitem4

disable and select treeview node according to id

warangal — Mon, 23 Nov 2009 09:08:46 GMT

I am binding treeview with recursive function

Private Sub FillTreeview()
        Dim ds As New DataSet
        Try


            Dim dt As DataTable = obj.getAll
            Me.TreeView1.Nodes.Clear()
            Dim i As Integer
            Dim Root As TreeNode = New TreeNode("structure")
            Root.SelectAction = TreeNodeSelectAction.None
            Root.Value = ""

            Me.TreeView1.Nodes.Add(Root)
            If Not dt Is Nothing Then
                If dt.Rows.Count > 0 Then
                    For i = 0 To dt.Rows.Count - 1
                        If IsDBNull(dt.Rows(i).Item("Structure_ParentId")) Then
                            Dim Parent As TreeNode = New TreeNode()
                            'If Session("Language") = 0 Then
                            Parent.Text = dt.Rows(i).Item("Structure_Name_Eng")

                            ' Else
                            ' Parent.Text = dt.Rows(i).Item("CategoryDefinition_Name_Ara")
                            'End If
                            Parent.Value = dt.Rows(i).Item("Structure_Id")
                            Root.ChildNodes.Add(Parent)
                            GetNodes(Parent.Value, Parent)

                        End If
                    Next
                End If
            End If
            Me.TreeView1.ExpandAll()

every node has value

here i want to write a function it will get sturcutre_id as a parameters

and if this id matches in treeview node values, i want to disable that node and slectable

if that id is belongs to child eventhoug i want to disable its parent and its whole child nodes.

Menu Control-special view

mikehac — Sun, 22 Nov 2009 17:29:27 GMT

Hello all.

I want to use a asp:menu control,but I need to design it in special way:

I would like that my menu control will look like html table with first level items inside,and when I click on some item,my menu control will load sub items which belongs to that item(father),that I've just clicked on it.

For example,if the first level is File,edit,view and node "File" has sub-nodes "Open", "Save","Save As",so when the page has loaded,I will see the menu with 3 nodes:"File","Edit","View",like in the picture:

So when I click the "File" node,I would like to see all sub-nodes,that belong to "File",which are "Open", "Save","Save As" and only them,when I click on "Edit" node,I would like to see those sub-nodes,which belongs to "Edit" and so on..

Of cause,when I click on Open(the path is File->Open),I expact to see those sub-nodes,which belongs to "Open".

I saw a few tutorials of menu control,but they all talks about how to show All nodes of menu on the page(when mouse hovers the node),but this is not what I need.

I also found the property MaximumDynamicDisplayLevels,if it equals to zero, it means that only one level may be shown on the page. But I don't know how to make this menu control navigate to the same page,but different nodes(sub-nodes)

Does anybody know how it should be done?

Regards.

Mike

master pages and css

wilsation — Thu, 12 Nov 2009 09:47:39 GMT

Hi I've built a site based on a master page which contains all site links and navigation. Whichever page you are on you get same links etc from master page. I'd like to highlight the active/current link for each page to aid navigation. This is easy with css - just add a .current class to relevant link but how do I apply this when the links are generated from master page?

Thanks

I have a background image that I want to come through on all pages

MarkBrend — Mon, 23 Nov 2009 00:04:02 GMT

Hello world...

I have a background image that I want to come through on all pages (using VS2500)

I can see it on the master page until it gets to the content place holder

how do i get the master page background image to shine through all child pages etc

Thanks

mark

Programmatically set the selected menu-item when using sitemap datasource

wuz — Sun, 24 May 2009 23:34:43 GMT

Edited:

Hi all,

Following scenario:

I have a nested master-page szenario: content.aspx - subsite.master - site.master

The site.master contains a Menu-control with a SiteMapDataSource.

Problem 1 (solved):

I don't want to display all the nodes in this menu cause some nested nodes should be displayed in the menu in subsite.master

Therefore I use MenuItemDataBound to remove the unwanted nodes. => Problem 1 solved

Problem 2 (solved):

I want to maintain the selected element of the Menu in site.master when the user is navigating with the sub-menu in subsite.master, so he is calling different .aspx sites.

Therefore created a property in the site.master which is set by the aspx sites.

protected void NavigationMenu_MenuItemDataBound(object sender, MenuEventArgs e)
        {
            List<string> removeNodesList = new List<string>() { 
                Resources.Web.sitemap.messwert_title,
                Resources.Web.sitemap.einheiten_title,
                Resources.Web.sitemap.pdo_title, 
                Resources.Web.sitemap.extendSignal_title,
                Resources.Web.sitemap.hadrware_title,
                Resources.Web.sitemap.steckerFunktion_title,
                Resources.Web.sitemap.metaDataCodesConfig_title,
                Resources.Web.sitemap.programmingCategory_title,
                Resources.Web.sitemap.searchCAnModulSW_title,
                Resources.Web.sitemap.searchCANModulSWByNode_title,
                Resources.Web.sitemap.searchCANModulSWbyOverallfunction_title,
                Resources.Web.sitemap.searchCANNachricht_title,
                Resources.Web.sitemap.searchFunktionCode_title,
                Resources.Web.sitemap.searchFunktionCodeByInputOutput_title,
                Resources.Web.sitemap.searchFunktionCodeBySignal_title,
                Resources.Web.sitemap.searchKnoten_title
            };
            if (removeNodesList.Contains(e.Item.Text))
            {
                MenuItem parent = e.Item.Parent;
                if (parent != null)
                {
                    parent.ChildItems.Remove(e.Item);
                }
            }
            if (SelectedNavigationItem != null && SelectedNavigationItem.Length != 0)
            {
                
                foreach (MenuItem item in NavigationMenu.Items)
                {
                    if (item.Text.Equals(SelectedNavigationItem))
                    {
                        item.Selected = true;
                    }
                }
            }
            logger.LogInfo(NavigationMenu.Items.Count.ToString());
            //logger.LogInfo(e.Item.ValuePath);
            //if (NavigationMenu.SelectedItem != null) logger.LogInfo("Selected Item: " + NavigationMenu.SelectedItem.NavigateUrl);

        }

cheers

Get Current Theme Directory?

rikishipabst — Fri, 18 Jan 2008 05:26:41 GMT

Hi,

Ok our asp.net application, when installed comes with multiple themes and users can add new themes.

My Question: is there any way get the currently active theme's directory either programatically or by some simple .NET method or property?

Scenario: We have three theme folders. Each theme folder has an image folder. We have ImageA.png. Theme 1 is a bright "white" theme so the image is blue. Theme 2 is dark and the image is purple. Theme 3 is in the middle and the image is yellow. It does not matter which theme we are using because the filename is still the same in each theme folder. I want to be able to do from an ASP Image control is to define the ImageURL like this:

ImageUrl="$ Theme $/Images/ImageA.png"

The server would replace $ Theme $ with the location like "~/App_Themes/Dark".

Visual Studio 2008 & .NET 2/3/3.5

Thanks!

Dynamically including JavaScript files in MasterPages

BurntSky — Thu, 04 Aug 2005 22:02:08 GMT

I have a MasterPage that is used by pages spread out through a number of directories. e.g.:

~/MasterPage.master
is used by:
~/Pages/SomePage.aspx
~/Pages/SomeDirectory/SomePage2.aspx
~/Pages/AnotherDirectory/AnotherPage.aspx

However, all the pages require access to a global javascript file (e.g. ~/Scripts/Default.js). If I attach the javascript file to the MasterPage with an "src" attribute relative to the MasterPage, none of the other pages will load it. I don't want to have to do the following:

<head>
<script type="text/javascript" language="javascript" src="../Scripts/Default.js"></script>
<script type="text/javascript" language="javascript" src="../../Scripts/Default.js"></script>
</head>

Is there a way to dynamically attach the javascript file with the correct relative URL?

sitemap node security trimming is not working

EllaW — Sat, 10 Jan 2009 20:16:32 GMT

Hi, there,

I used VS Developer 2008 version in my last project, and sitemap scurity trimming worked perfectly. Now, I am using VS 2008 Team, It is not working any more. Here is the code:

web.sitemap

<?xml version="1.0" encoding="utf-8" ?><siteMap xmlns="http://schemas.microsoft.com/AspNet/SiteMap-File-1.0" ><siteMapNode url="" title="" description=""><siteMapNode url="Default.aspx" title="Home" description="home page" /><siteMapNode url="Login.aspx" title="Login" description="log in" /><siteMapNode url="~/Admin/Default.aspx" title="Admin" description="admin home page" roles="Administrator" /></siteMapNode>

</siteMap>

In Admin folder, I have a web.config

<?xml version="1.0" encoding="utf-8"?><configuration><system.web><authorization><allow roles="Administrator" /><deny users="*" /></authorization></system.web></configuration>

In the Website web.config

If I run the site, all the sitemap is blocked, none of the nodes shows. If I remove securityTrimmingEnabled="true", then all the nodes show, none of them trimmed. tried all different ways, still not working properly. Anyone may tell me why?

Thank you very much!!!

Ella

Adding swf file in master page.

Karina R — Mon, 09 Mar 2009 17:35:35 GMT

Hi All,

I am trying to show a swf file in my master page. I used the following code :

<td width="610">
              <script type="text/javascript">
AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0','width','610','height','233','align','left','title','header','src','../header2','wmode','transparent','quality','high','pluginspage','http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','movie','../header2' ); //end AC code
              </script>
              <noscript>
              <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" width="610" height="233" align="left" title="header">
                <param name="movie" value="../header2.swf" />
                <param name="quality" value="high" />
                <embed src="../header2.swf" width="610" height="233" align="left" wmode="transparent" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash"></embed>
              </object>
              </noscript>
            </td>

</tr></table>

It's not working. All I see is a blue rectangle.

Please help!!!

Treeview to display directory structure

ccoe1 — Tue, 29 Aug 2006 07:12:26 GMT

Hi,

I would like to use the treeview control to display the directory structure of a particular server drive or the directory structure of a particular client drive.

Is there a simple way of implementing this?

Thanks a lot for your help,

Chris

How to retrieve Title and Meta tags in content pages in this scenario ?

hs_jha — Fri, 20 Nov 2009 10:39:15 GMT

Hi freiends and geeks plz chk out this

<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="Server">

Get this Page's Title and Meta Key and Description from Sql DataSource1

</asp:Content>

<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="Server">

Details view attached to Sql DataSource1

</asp:Content>

Any other may around is also welcomed for this prob..

How to get Google Search to work in Master Pages

leeward30 — Fri, 20 Nov 2009 21:31:30 GMT

Hi, All

I would like to know how to get Google Search to work in Master Pages. Below is the code provided by Google.

<div id="cse-search-results"></div>
<script type="text/javascript">
var googleSearchIframeName = "cse-search-results";
var googleSearchFormName = "cse-search-box";
var googleSearchFrameWidth = 800;
var googleSearchDomain = "www.google.co.uk";
var googleSearchPath = "/cse";
</script>
<script type="text/javascript" src="http://www.google.com/afsonline/show_afs_search.js"></script>

Many Thanks

Kered

Simple slide panel

urpalshu — Fri, 20 Nov 2009 16:17:17 GMT

hello

I need help with css stylesheet please

I have this example here on the link for a simple slide panel

http://www.webdesignerwall.com/tutorials/jquery-tutorials-for-designers/

please could somebody help me with the stylesheet part to achieve this kind of behavior

I have a web page, and content on it, I was looking to put a slide panel up on top of the page some where.

Was also hoping that the slide panel would not push the page's contents up and down along with it.

please help with code syntax....

Thanks for your help

Theme with master page

PatHibulaire — Thu, 19 Nov 2009 19:30:28 GMT

Hello all,

I have a web site created with "Personal Starter kit".

The first page (at start) is default.aspx; here the code HTML :

<%@ Page EnableTheming="false" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<script runat="server"></script>

<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta http-equiv="Page-Exit" content="revealTrans(Duration=1.0,Transition=12)" />
    <meta http-equiv="Refresh" content="2;URL=defaultr.aspx" />
    <title>Starting Windows® 7</title>
</head>
<body style="background-color:Black;" >
<img alt="" src="Images/Starting.png" style="width:1024; height:768; margin-left:100px; margin-top:100px;" />
</body>
</html>

This start page open defaultr.aspx which have a theme. But default.aspx (the first page) doesn't have a theme.

However, on this first page default.aspx, I have a part of a theme at the top of the page.

how to make not to reveal the topic ?

Thanks for your help.
Patrice.

How to avoid asp.net Menu OverLapping...

deenindia — Wed, 18 Nov 2009 09:20:50 GMT

When i try to use the ASP.NET menu, in IE the menu is getting overlapping, i try with z-index, but no use... here is my Menu code....

<asp:Menu ID="Menu1" runat="server" style="left: 24px; position: relative; top: 16px;z-index:999"

BackColor="#E3EAEB" DynamicHorizontalOffset="2" Font-Bold="True"

Font-Names="Verdana" Font-Size="Small" ForeColor="#C04000"

StaticSubMenuIndent="10px" Width="112px" Height="152px">

<Items>

<asp:MenuItem Text="Home" Value="Home">

<asp:MenuItem Text="Item" Value="Item 1" NavigateUrl="~/xxx.aspx"></asp:MenuItem>

<asp:MenuItem Text="Item" Value="Item 2" NavigateUrl="~/xxxx1.aspx"></asp:MenuItem>

<asp:MenuItem NavigateUrl="~/xx2.aspx" Text="xx2" Value="xxx2" ></asp:MenuItem>

</asp:MenuItem>

<asp:MenuItem Text="Posts" Value="Posts">

<asp:MenuItem Text="Post" Value="Tkt" NavigateUrl="~/xx2.aspx"></asp:MenuItem>

<asp:MenuItem Text="Post 2" Value="Tkt" NavigateUrl="~/xx2.aspx">

</asp:MenuItem>

</Items>

</asp:Menu>

<asp:Menu ID="Menu1" runat="server" style="left: 24px; position: relative; top: 16px;z-index:999"

BackColor="#E3EAEB" DynamicHorizontalOffset="2" Font-Bold="True"

Font-Names="Verdana" Font-Size="Small" ForeColor="#C04000"

StaticSubMenuIndent="10px" Width="112px" Height="152px">

<Items>

<asp:MenuItem Text="Home" Value="Home">

<asp:MenuItem Text="Item" Value="Item 1" NavigateUrl="~/xxx.aspx"></asp:MenuItem>

<asp:MenuItem Text="Item" Value="Item 2" NavigateUrl="~/xxxx1.aspx"></asp:MenuItem>

<asp:MenuItem NavigateUrl="~/xx2.aspx" Text="xx2" Value="xxx2" ></asp:MenuItem>

</asp:MenuItem>

<asp:MenuItem Text="Posts" Value="Posts">

<asp:MenuItem Text="Post" Value="Tkt" NavigateUrl="~/xx2.aspx"></asp:MenuItem>

<asp:MenuItem Text="Post 2" Value="Tkt" NavigateUrl="~/xx2.aspx">

</asp:MenuItem>

</Items>

</asp:Menu>

any ideas????

Thanks

How to create a dynamic menu editing asp.net program

Hon123456 — Mon, 23 Nov 2009 09:20:58 GMT

Dear all,

I want to design a dynamic menu editing asp.net program. I have designed the database

It is only with two level menu. One database table is the main menu table, it contains id and menu

name. The other table is sub menu table with id and main menu id and menu name. Could you

suggest me any idea to begin programming an asp.net interface to implement menu editing

function, just like some hints on it. By the way, if it exist any source code on the web, please

suggest to me. I just want a simple program cause I am not familiar with C#.

how to modify .aspx page by using content page using asp.net

NadiaDC — Mon, 23 Nov 2009 01:56:27 GMT

I'm trying to modify .aspx pag using content page , is ther anyone can help??

Master Page: ASP Net -Could not load type namespace.classname

jdmatrix — Wed, 18 Nov 2009 21:11:21 GMT

In my PC I have an Asp.net web application that uses a master page. The application worked fine in the Visual Studio 2005 environment but when a user tries to access the application thought the browser I got this message:

Server Error in '/' Application.

Parser Error

Description: An error occurred during the parsing of a resource required to service this request. Please review the following specific parse error details and modify your source file appropriately.

Parser Error Message: Could not load type 'ROPartService.RO'.

Source Error:

Line 1:  <%@ Master Language="C#" AutoEventWireup="true " 
Line 2:   CodeBehind="RO.master.cs" Inherits="ROPartService.RO" %>
Line 3:

Source File: /ROPartService/RO.Master Line: 1

Version Information: Microsoft .NET Framework Version:2.0.50727.3053; ASP.NET Version:2.0.50727.3053

How to visible/invisible the menu & menu items

deenindia — Mon, 23 Nov 2009 10:20:25 GMT

I'm creating the dynamic menu, populating from the database, but i need the menu items displayed by User Level,

Eg:

Admin

- Item 1

- Item 2

User

- Item 3

- Item 4

Dynamic Menu

- Item 5 (from db)

here the admin menu need to hide (just invisible) from the user, i used this

MainMenu1.Items.Remove(MainMenu1.Items(0)) , i dn't want to use the Enabled property; but when i add the dynamic menu

MainMenu1.Items(1).ChildItems(1).ChildItems.AddAt(0, item)

i'm getting the negative index error, i know because Menu(0) is not there; even i try

MainMenu1.FindItem("myMenu").ChildItems(1).ChildItems.AddAt(0, item)...

No Luck!!!

Any Solution to invisible the Admin menu........

Hope you understand....

Thanks

Treeview keyboarshortcuts

hujwefuijfjhvf — Sun, 22 Nov 2009 08:42:25 GMT

hi all

iam doing project for blint people. so i need to navigate in my treeview using keyboard. can any one say how too do it.

my tree will be

Home

Page1

chilspag1

page2

chils1

child2

page3

page4

child1

child2

child3

child4

the home should be selected on load

Thanks in advance

Hierarchical navigation?

DriesM — Fri, 20 Nov 2009 10:40:11 GMT

Hi,

I'm having a problem achieving the following.
In my database I have table that holds dynamic pages, every page has his PageID, ParentID, PageUrl, PageTitle, PageName.
When I bind this data from this table to a Custom Sql Sitemapprovider, all the pages are listed in the menu, they are listed hierarchically but are shown al at once.
So when i write down the data it is shown as follows:

Parent 1
   Child 1
   Child 2
   Child 3

Parent 2
   Child 1
   Child 2
         Sub 1
         Sub 2
   Child 3

As you can see al the pages show at once, but what I would like is that the child pages only show when I navigate by requesting the parent.
So when i click on Parent 2 and that page loads from the database, then those child items (child1, child2, child3) should be visibible, when I click on Child2 of Parent2 then sub1, sub2 should be visible and marked with a proper css class and so on. The structure from the database is made so that the levels of parents, childs, subchilds are infinite.
So to summarize:
The menu should only show its childs, subchilds, subsubchilds when you request that page. (Not by javasript or dropdown methods, or treeview control), it should become an actual navigation menu that is build up by listitems (<ul><li></li></ul>). So it would be an hierarchical menu that shows its items on demand/request (except for the root levels, those are always visible).

If anyone could give me advice on this I would kindly appreciate it.
Thanks

DriesM

Problem with CSS menu using jQuery

jigarjraval — Wed, 18 Nov 2009 17:43:15 GMT

Hi friends

I made one page and menu using CSS. But when I click on the menu below sections are not appear and disappear. below is my code in CSS.

<head>

<title>Fresh Creative, CSS Template Design, Free Download</title>

function() { var tabContainers = $('templatemo_section_1'); $('div.templatemo_container ul.templatemo_menu a').click(function() { tabContainers.hide().filter(this.hash).show(); $('div.templatemo_container ul.templatemo_menu a').removeClass('selected'); $(this).addClass('selected'); return false; }).filter(':first').click(); });</script>

<div id="templatemo_slogan">CSS Website Template</div>

</div>

</form>

</div>

<ul>

<li><a href="#test">Portfolio</a></li>

<li><a href="#">Services</a></li>

<li><a href="#">Testimonial</a></li>

<li><a href="#">News & Events</a></li>

<li><a href="#" class="last">Contact</a></li>

</ul>

</div>

</div>

<h1>

Testimonials

</h1>

</div>

<p>

Nulla enim nibh, consectetuer sed, vestibulum elementum, sagittis nec, diam.

</p>

<p>

Mauris blandit vehicula neque. Proin consectetuer. Donec venenatis. Cras urna metus,

feugiat non, consectetuer quis, pretium quis, nunc.

</p>

<p>

Nullam pede purus, tempor a, imperdiet in, porttitor at, nulla. Aliquam elit risus,

volutpat quis, mattis ac, elementum eget, mauris. In hac habitasse platea dictumst.

</p>

</div>

</div>

<h1>

News

& Events</h1>

<h3>

18 December 2024

</h3>

<p>

Pellen tesque dolor nulla, con gue vitae, frin gilla in, varius a, orci ma uris

con.

</p>

</div>

<h3>

22 November 2024

</h3>

<p>

Proin vel libero id erat venen atis accu msan. Nunc blan dit orci sit amet risus.

</p>

</div>

<h3>

30 October 2024

</h3>

<p>

Duis pul vinar scele risque ante. Mor bit risti que, risus quis congue pul vinar.

</p>

</div>

</div>

<img style="border: 0; width: 88px; height: 31px" src="http://www.w3.org/Icons/valid-xhtml10"

alt="Valid XHTML 1.0 Transitional" width="88" height="31" vspace="8" border="0" /></a>

<img style="border: 0; width: 88px; height: 31px" src="http://jigsaw.w3.org/css-validator/images/vcss-blue"

alt="Valid CSS!" vspace="8" border="0" /></a>

</div>

<h1>

Welcome

</h1>

<span class="blue_title">To Creative <b>IDEA</b></span>

<p>

This is a

<a href="http://www.templatemo.com" target="_parent">free CSS template</a>

from TemplateMo.com. You may download, modify and apply this CSS layout for your

websites. Credit goes to

size

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Ut iaculis lacinia purus.

<a href="http://www.addfullsize.com/" target="_blank">full</a> for jQuery Full Size Image Plugin. Nunc blandit orci sit amet risus.</p>

<p>

Aliquam magna. Phasellus id felis.Donec mollis aliquet ligula. Maecenas adipiscing

elementum ipsum. Pellentesque vitae magna. Sed nec est. Suspendisse a nibh tristique

justo rhoncus volutpat. Suspendisse vitae neque eget ante tristique vestibulum.

</p>

</div>

</div>

<h1>

Services

</h1>

<h2>

Creative Graphic Design

</h2>

<p>

Aliquam sagittis molestie sapien. Nulla tellus risus, tincidunt vitae, sagittis

vel, interdum at, erat. Duis vitae velit. Ut ultricies. Fusce sollicitudin nisl.

</p>

</div>

<h2>

Special Web Design

</h2>

<p>

Phasellus tincidunt, tortor lacinia blandit commodo, nunc augue mattis eros, ut

convallis est augue vel.

</p>

</div>

</div>

</div>

<h1>

Photo Gallery

</h1>

<img src="images/templatemo_thumb_1.jpg" class="left" longdesc="images/templatemo_big_1.jpg"

title="Sun Flower" alt="Sun Flower" />

<img src="images/templatemo_thumb_2.jpg" class="mid" longdesc="images/templatemo_big_2.jpg"

title="Stone" alt="Stone" />

<img src="images/templatemo_thumb_3.jpg" class="right" longdesc="images/templatemo_big_3.jpg"

title="Bug" alt="Bug" />

<img src="images/templatemo_thumb_4.jpg" class="left" longdesc="images/templatemo_big_4.jpg"

title="Singapore" alt="Singapore" />

<img src="images/templatemo_thumb_5.jpg" class="mid" longdesc="images/templatemo_big_5.jpg"

title="Parrot" alt="Parrot" />

<img src="images/templatemo_thumb_6.jpg" class="right" longdesc="images/templatemo_big_6.jpg"

title="Jetty" alt="Jetty" />

</div>

</div>

<h1>

Contact Info.

</h1>

<p>

Pellentesque odio. Pellentesque habitant morbi tristique senectus et netus et malesuada

fames ac turpis egestas

<p>

111/222 Lorem ipsum dolor sit,consectetuer adipiscing elit. Nunc quis sem nec, 10100

</p>

<p>

Tel : 010-100-0100

</p>

<p>

Fax : 020-200-0200

</p>

<p>

Email : info@yourcompany.com

</p>

</div>

</div>

</div>

<h2>

Special Web Design

</h2>

<p>

Phasellus tincidunt, tortor lacinia blandit commodo, nunc augue mattis eros, ut

convallis est augue vel.

</p>

</div>

</div>

<a href="#">Your Company Name</a> | Designed by <a href="http://www.templatemo.com"

target="_parent">Free CSS Templates</a>

</div>

body>html>

==============================================This is the CSS==================================================

html

{

background: #fff

;

}

body

{

margin: 0

;

padding: 0

;

font-family: Arial, Helvetica, sans-serif

;

font-size: 12px

;

line-height: 1.5em

;

width: 100%

;

display: table

;

background: url(images/templatemo_bg.jpg) repeat-x #fff

;

}

a:link

a:visited

{

color: #494949

;

text-decoration: underline

;

}

a:active

a:hover

{

color: #494949

;

text-decoration: none

;

}

{

font-family: Tahoma

;

font-size: 13px

;

color: #484848

;

text-align: justify

;

margin: 0 0 10px 0

;

}

{

font-family: Tahoma

;

font-size: 18px

;

color: #676767

;

font-weight: normal

;

margin: 0 0 15px 0

;

}

{

font-family: Tahoma

;

font-size: 16px

;

color: #0895d6

;

font-weight: normal

;

margin: 0 0 10px 0

;

}

{

font-family: Tahoma

;

font-size: 11px

;

color: #2780e4

;

font-weight: normal

;

margin: 0 0 5px 0

;

}

#templatemo_container

{

width: 960px

;

margin: auto

;

}

#templatemo_header

{

width: 960px

;

height: 157px

;

background: url(images/templatemo_header.jpg) no-repeat

;

background-position: 0 -2px

;

margin: 0 0 0 -15px

;

padding: 1px 0 0 0

;

}

#templatemo_logo_area

{

width: 175px

;

height: 60px

;

margin: 25px 0 0 50px

;

float: left

;

}

#templatemo_logo

{

font-family: Tahoma

;

font-size: 45px

;

color: #0e8fcb

;

margin: 0 0 5px 0

;

}

#templatemo_slogan

{

float: left

;

font-family: Tahoma

;

font-size: 12px

;

color: #000

;

font-style: italic

;

margin: 5px 0 0 0

;

}

#templatemo_social

{

width: 195px

;

height: 80px

;

float: right

;

margin: 30px 0 0 0

;

}

#templatemo_social

form

{

float: right

;

width: 185px

;

height: 36px

;

background: url(images/templatemo_search.jpg)

;

}

.field

{

float: left

;

width: 132px

;

height: 21px

;

border: none

;

background: none

;

border: none

;

font-family: Tahoma

;

color: #686868

;

margin: 8px 0 0 10px

;

}

.button

{

float: right

;

width: 35px

;

height: 22px

;

border: none

;

background: url(images/templatemo_botton.jpg) no-repeat

;

margin: 8px 5px 0 0

;

cursor: pointer

;

}

#templatemo_social

img

{

float: right

;

margin: 0 20px 0 0

;

border: none

;

}

/* menu */

/*div.tabs > div

{

padding: 5px;

margin-top: 3px;

border: 1px solid #333;

}*/

#templatemo_menu

{

float: right

;

width: 960px

;

height: 40px

;

margin: 5px 0 0 0

;

padding: 0

;

}

#templatemo_menu

{

float: right

;

margin: 0px

;

padding: 0 0 0 0

;

width: 550px

;

list-style: none

;

}

#templatemo_menu

{

display: inline

;

}

#templatemo_menu

ul li

{

float: left

;

padding: 11px 20px

;

text-align: center

;

font-size: 12px

;

text-align: center

;

text-decoration: none

;

background: url(images/templatemo_menu_divider.png) center right no-repeat

;

color: #2a5f00

;

font-family: Tahoma

;

font-size: 12px

;

outline: none

;

}

#templatemo_menu

li a:hover, #templatemo_menu li

.current

{

color: #fff

;

}

#templatemo_menu

.last

{

background: none

;

}

/* end of menu*/

#templatemo_content_area

{

width: 960px

;

margin: 20px 0 0 0

;

}

#templatemo_left

{

float: left

;

width: 250px

;

}

#templatemo_right

{

float: right

;

width: 685px

;

}

.templatemo_section_1

{

width: 250px

;

margin: 0 0 10px 0

;

}

.templatemo_section_1

.top

{

width: 250px

;

height: 33px

;

background: url(images/templatemo_section_1_top.jpg) left no-repeat

;

}

.top

{

display: block

;

float: left

;

margin: 15px 0 0 15px

;

}

.top

span.title

{

float: right

;

display: block

;

font-family: Tahoma

;

font-size: 10px

;

color: #000

;

margin: 15px 25px 0 0

;

}

.templatemo_section_1

.middle

{

width: 250px

;

background: url(images/templatemo_section_1_mid.jpg) left repeat-y

;

}

.templatemo_section_1

.bottom

{

width: 210px

;

background: url(images/templatemo_section_1_bottom.jpg) bottom left no-repeat

;

padding: 10px 20px 5px 15px

;

}

.templaemo_h_line

{

width: 100%

;

clear: both

;

height: 1px

;

background: url(images/templatemo_h_line.jpg)

;

margin: 0 0 10px 0

;

}

.templaemo_v_line

{

width: 1px

;

float: left

;

height: 260px

;

background: url(images/templatemo_v_line.jpg)

;

}

.templatemo_section_2

{

width: 220px

;

margin: 0 0 10px 0

;

padding: 15px 15px 5px 15px

;

}

.templatemo_section_2

.green

{

border-left: 8px solid #64d608

;

padding: 0 0 0 5px

;

margin: 0 0 15px 0

;

}

.templatemo_section_2

.blue

{

border-left: 8px solid #0895d6

;

padding: 0 0 0 5px

;

margin: 0 0 15px 0

;

}

.templatemo_section_2

.yellow

{

border-left: 8px solid #ffcc66

;

padding: 0 0 0 5px

;

margin: 0 0 15px 0

;

}

.templatemo_section_3

{

width: 685px

;

margin: 0 0 20px 0

;

background: url(images/templatemo_section_3_bg.jpg) no-repeat

;

background-position: 105px -5px

;

}

.templatemo_section_3

{

margin: 0 0 5px 0

;

}

span.blue_title

{

font-family: Arial

;

font-size: 20px

;

color: #0895d6

;

display: block

;

margin: 0 0 25px 20px

;

}

.templatemo_section_4

{

width: 685px

;

margin: 0 0 15px 0

;

}

.templatemo_section_5

{

width: 685px

;

background: url(images/templatemo_section_5.jpg) top no-repeat

;

margin: 0 0 20px 0

;

padding: 15px 0 0 0

;

}

.templatemo_two_col

{

width: 310px

;

padding: 0 15px 15px 15px

;

margin: 0 0 20px 0

;

}

.templatemo_two_col

img

{

margin: 0 0 10px 0

;

}

.templatemo_gallery

{

margin: 0

;

padding: 0

;

}

.templatemo_gallery

img

{

float: left

;

margin: 0 0 20px 0

;

}

.templatemo_gallery

img.mid

{

float: left

;

margin: 0 27px

;

}

.right

{

float: right

;

}

.left

{

float: left

;

}

#templatemo_footer

{

width: 100%

;

height: 52px

;

background: url(images/templatemo_footer_bg.jpg)

;

color: #fff

;

text-align: center

;

padding: 36px 0 0 0

;

margin: 0

;

}

#templatemo_footer

{

color: #fff

;

text-decoration: underline

;

}

#templatemo_footer

a:hover

{

color: #fff

;

text-decoration: none

;

}

.cleaner

{

clear: both

;

height: 0

;

margin: 0

;

padding: 0

;

Thanks