Başlangıç

CSS ve Liste etiketleri ile En Basit Yatay Menü Yapımı

Yorum bırakın


En basit haliyle css ve html ile Yatay menü yapmak için bir adet html dosyası ve bir adette  css dosyası oluşturalım. Bu dosyaları herhangi bir metin editörü (notepad.exe) veya Dreamweaver Programı ile oluşturabilirsiniz.

  • yataymenuolustur.html dosyasının içeriği;

<html>
<head>
<title>Yatay Menü Oluşturma</title>
<link rel=”stylesheet” type=”text/css” href=”yataymenustilleri.css”/>
<!–css dosyasının eklenmesi–>
</head>
<body>
<ul class=”yataymenu”> <!–dosyadaki sınıfın etikete uygulanması–>
<li><a href=”#” target=”_self”>ANASAYFA</a></li>
<li><a href=”#” target=”_self”>RESİMLER</a></li>
<li><a href=”#” target=”_self”>İLETİŞİM</a></li>
</ul></body></html>

  • yataymenustilleri.css dosyasının içeriği;

.yataymenu{ /*yataymenu sınıfı css ayarları*/
list-style-type:none; /*listedeki madde işaretlerini kaldır */
margin:0;
padding:0;
}
.yataymenu a{ /*yataymenu sınıfına link verildiğinde css ayarları*/
text-decoration:none;/*altı çizili özelliğini kaldır*/
background-color:#336;
color:#CF0;
width:100px;
}
.yataymenu a:hover{/*yataymenu sınıfına link üzerine gelindiğinde css ayarları*/
background-color:#C30;
color:#00F;
}
.yataymenu li{
display:inline;/*liste elemanlarını yanyana yerleştirir.*/
}

Reklamlar

Asp.Net C# Razor Wiev Engine ile Bot yapımı. (Sayfadaki Etiketleri Çekme)-7

5 Yorum


İstenen web sayfasından istenen etiket ve ya linkleri çekme kodları için Lütfen önce Aşağıdaki Konu Anlatımlarını Okuyunuz.

ASP.NET MVC NEDİR? -1

Asp.Net MVC 3 Visual Studio 2010 ile MVC projesi oluşturmayı ve Asp.Net MVC 3’ün nasıl çalıştığını anlama-2

Asp.Net MVC 3 Razor View Engine Kullanımı -3

Asp.Net MVC 3’te ViewBag Kavramı -4

ASP.NET MVC VIEWBAG, VIEWDATA, TEMPDATA -5

Asp.Net MVC 3 ViewBag ve ViewData Arasındaki Fark -6

Bu konudaki diğer makale ve örneklerde görüldüğü gibi oluşturduğunuz proje Razor Wiew Engine olacak.

  • Proje oluştuktan sonra HomeController.cs dosyasının içeriği;

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.Mvc;
using System.Net;
using System.IO;
using System.Text;
using System.Text.RegularExpressions;

namespace Mvcuygulama4.Controllers
{
public class HomeController : Controller
{
public ActionResult Index()
{
ViewBag.Message = “Hoşgeldiniz ASP.NET MVC!”;
ViewData[“datas”] = ss();
return View();
}
List<string> dataList = new List<string>();
private List<string> ss()
{
string Site = “http://istenenadresiyaz.com/&#8221;;
WebClient client = new WebClient();
Stream data = client.OpenRead(Site);
StreamReader reader = new StreamReader(data, Encoding.GetEncoding(“utf-8”)); //tüm site içeriğini indirdik ve bir dosya sınıfına attık
string datas = reader.ReadToEnd();

string pattern3 = “<a.*?href=.*?>(.*?(<img.*?>).*?)</a>”; //aradığımız etiketler.
MatchCollection mathcollection = System.Text.RegularExpressions.Regex.Matches(datas, pattern3);//site kaynak kodları ile aradığımız etiketlerin string olarak karşılaştırma
foreach (Match match in mathcollection)
{
if (match.Value.ToString().Contains(“<img”))
dataList.Add(match.Value);
}
return dataList;
}

public ActionResult About()
{
return View();
}
}
}

  • Index.cshtml sayfasının içeriği;

@{
ViewBag.Title = “Home Page”;
}

<h2>@ViewBag.Message</h2>
<h2>Index</h2>
@{
List<string> datas = (List<string>)ViewData[“datas”];
foreach(string s in datas.ToList())
{
<hr />
<label>@s.ToString()</label>
}
}
<p>
To learn more about ASP.NET MVC visit <a href=”http://asp.net/mvc&#8221; title=”ASP.NET MVC Website”>http://asp.net/mvc</a&gt;.
</p>

Bana Silverlight Anlat

meslek lisesi ders notları

Eren ÇOLAK

Yazılım Mühendisi Olmak Yolunda İlerliyor...