Forum'da ara:
Ara


« Önceki başlık :: Sonraki başlık »  
Yazar Mesaj
Mesaj04.02.2011, 21:13 (UTC)    
Mesaj konusu: CSSTASARIM SIZE

TASARIM ÜST

Kod:
<div id="head" class="clearfloat">
<div class="clearfloat">
<div id="logo" class="left">
<div id="tagline"> </ font>
</ Font>

<style type="text/css">
<! -
body {background-image: url (http://img.webme.com/pic/p/pruebas-taw/fondo.png); background-attachment: fixed; background-color: # 000000;}
->
</ Style>
<div class="right">

</ Font>
</ Font>
<div id="navbar" class="clearfloat">

<ul id="page-bar" clearfloat"> class="left





  <li> <a href="#"> Link <img src="http://www.reyalurbis.com/promociones/img/utilidades/flechaAbajo.png"> </ a>
        <ul class="children">
          <li class="cat-item"> <a href=" "> Link </ a> </ li>
          <li class="cat-item"> <a href=" "> Link </ a> </ li>
          <li class="cat-item"> <a href=" "> Link </ a> </ li>
          <li class="cat-item"> <a href=" "> Link </ a> </ li>
          <li class="cat-item"> <a href=" "> Link </ a> </ li>
          <li class="cat-item"> <a href=" "> Link </ a> </ li>
          <li class="cat-item"> <a href=" "> Link </ a> </ li>

    </ Ul>
      </ Li>

  <li> <a href="#"> Link <img src="http://www.reyalurbis.com/promociones/img/utilidades/flechaAbajo.png"> </ a>
        <ul class="children">
          <li class="cat-item"> <a href=" "> Link </ a> </ li>
          <li class="cat-item"> <a href=" "> Link </ a> </ li>
          <li class="cat-item"> <a href=" "> Link </ a> </ li>
          <li class="cat-item"> <a href=" "> Link </ a> </ li>
          <li class="cat-item"> <a href=" "> Link </ a> </ li>
          <li class="cat-item"> <a href=" "> Link </ a> </ li>
          <li class="cat-item"> <a href=" "> Link </ a> </ li>

    </ Ul>
      </ Li>

  <li> <a href="#"> Link <img src="http://www.reyalurbis.com/promociones/img/utilidades/flechaAbajo.png"> </ a>
        <ul class="children">
          <li class="cat-item"> <a href=" "> Link </ a> </ li>
          <li class="cat-item"> <a href=" "> Link </ a> </ li>
          <li class="cat-item"> <a href=" "> Link </ a> </ li>
          <li class="cat-item"> <a href=" "> Link </ a> </ li>
          <li class="cat-item"> <a href=" "> Link </ a> </ li>
          <li class="cat-item"> <a href=" "> Link </ a> </ li>
          <li class="cat-item"> <a href=" "> Link </ a> </ li>

    </ Ul>
      </ Li>

  <li> <a href="#"> Link <img src="http://www.reyalurbis.com/promociones/img/utilidades/flechaAbajo.png"> </ a>
        <ul class="children">
          <li class="cat-item"> <a href=" "> Link </ a> </ li>
          <li class="cat-item"> <a href=" "> Link </ a> </ li>
          <li class="cat-item"> <a href=" "> Link </ a> </ li>
          <li class="cat-item"> <a href=" "> Link </ a> </ li>
          <li class="cat-item"> <a href=" "> Link </ a> </ li>
          <li class="cat-item"> <a href=" "> Link </ a> </ li>
          <li class="cat-item"> <a href=" "> Link </ a> </ li>

    </ Ul>
      </ Li>

  <li> <a href="#"> Link <img src="http://www.reyalurbis.com/promociones/img/utilidades/flechaAbajo.png"> </ a>
        <ul class="children">
          <li class="cat-item"> <a href=" "> Link </ a> </ li>
          <li class="cat-item"> <a href=" "> Link </ a> </ li>
          <li class="cat-item"> <a href=" "> Link </ a> </ li>
          <li class="cat-item"> <a href=" "> Link </ a> </ li>
          <li class="cat-item"> <a href=" "> Link </ a> </ li>
          <li class="cat-item"> <a href=" "> Link </ a> </ li>
          <li class="cat-item"> <a href=" "> Link </ a> </ li>

    </ Ul>
      </ Li>


</ Ul>

</ Font>
src="http://img.webme.com/pic/t/team-ayudawebs/bannerweb3.png"> <img
</ Font>
<div id="page" class="clearfloat">   
<div id="top" class="clearfloat">

</ Span ><!-- fin clearfloat ->

<div id="waper" class="clearfloat">   



TASARIM ALTINA
Kod:
<div id="sidebar">

<div id="sidebar-top">
   <h3> </ h3> PaginaWebGratis.es     
<ul>
   <li class="page_item page-item-2"> <a href="#" "> Foro </ a> </ li>
   <li> <a href="#"> Normas del Foro </ a> </ li>
   <li> <a href="#"> Moderadores del Foro </ a> </ li>

</ Ul>
</ Span ><!-- fin kenar çubuğu-top ->



<div id="sidebar-bottom">
<h3> Web'in Amigas </ h3>
<ul class='xoxo blogroll'>
   <li> <a href="#"> Enlace 1 </ a> </ li>
   <li> <a href="#"> Enlace 2 </ a> </ li>
   <li> <a href="#"> Enlace 3 </ a> </ li>
   <li> <a href="#"> Enlace 4 </ a> </ li>
   <li> <a href="#"> Enlace 5 </ a> </ li>
</ Ul>
</ Font>   


<div id="sidebar-bottom">
<h3> Lo mas Destacado </ h3>
<ul class='xoxo blogroll'>
   <li> <a href="#"> Enlace 1 </ a> </ li>
   <li> <a href="#"> Enlace 2 </ a> </ li>
   <li> <a href="#"> Enlace 3 </ a> </ li>
   <li> <a href="#"> Enlace 4 </ a> </ li>
   <li> <a href="#"> Enlace 5 </ a> </ li>
</ Ul>
</ Font>   


</ Font>
</ Font>   
</ Font>
<div id="front-popular" class="clearfloat">
<div id="recentpost" class="clearfloat">
   <h3> Nombre </ h3>         
<ul id="recentcomments">
   <li> <a href='#'> Nombre </ a> </ li>
   <li> <a href='#'> Nombre </ a> </ li>
   <li> <a href='#'> Nombre </ a> </ li>
   <li> <a href='#'> Nombre </ a> </ li>
   <li> <a href='#'> Nombre </ a> </ li>
   <li> <a href='#'> Nombre </ a> </ li>

</ Ul>
</ Font>       

<div id="mostcommented" class="clearfloat">
<h3> Nombre </ h3>
<ul>
   <li> <a href='#'> Nombre </ a> </ li>
   <li> <a href='#'> Nombre </ a> </ li>
   <li> <a href='#'> Nombre </ a> </ li>
   <li> <a href='#'> Nombre </ a> </ li>
   <li> <a href='#'> Nombre </ a> </ li>
   <li> <a href='#'> Nombre </ a> </ li>
</ Ul>
</ Font>

<div id="recent_comments" class="clearfloat">
src="http://www.fileden.com/files/2009/5/1/2426283/square.jpg" width="280px" height="210px" /> <img
</ Font>
</ Font>
<div id="footer">


CSS BÖLÜMÜNE

Kod:
# Pre_header {display: none;} # post_header {display: none;}
# Header_container {display: none;} lli.nav_element {display: none;}
Bir li.nav_element {display: none;} h1 # title {display: none;}
h2 # başlık span {display: none;} # header {display: none;} # title {display: none;}
# Nav_container {display: none;}
table {margin-left: auto; margin-right: auto;}


* {Margin: 0; padding: 0;}

body {
   font:% 100 Arial, Helvetica;
   background: # FFF;
   color: # 333;
   }

{P   
   margin: 15px 0;
   }

a: link, a: {ziyaret etti
   color: # 3c78a7;
   text-decoration: none
   }

a: hover, a: {aktif
   color: # 3c78a7;
   text-decoration: underline;
   }

a img {
   border: 0;
   }

kod {
   font: 1.0em 'Courier New ", Courier, Sabit;
   background: # ececec;
   }   

kısaltma, kısalt, span.caps {   
   font-size: 0.9em;
   letter-spacing: 0,07 em;
   İmleç: yardım;
   }         

kısaltma, kısalt {
   border-bottom: # 999 1px dashed;
   }

{Blockquote
   padding: 10px 10px 0 10px;
   border-top: solid # ddd 1px;
   border-bottom: solid # ddd 1px;
   background: # eee;
   font: 1.0em Arial;
   line-height: 1.5em;
   margin: 10px 0px;
   }

{Seçin
   width: 130px;
   }   



/ / * Yapısı *


# Head {
   width: 960px;
   margin: 0px auto;
   margin-top: 15px;
   padding: 0px;
   font-size: 0.7em;
   }


# Sayfa {
   width: 940px;
   margin: 0px auto;
   padding: 10px;
   background: # ececec;
   font-size: 0.7em;
   }

. Sola. Alignleft {
   float: left;
   }

. Hakkı. Alignright {
   float: right;
   }


/ / * Navigation Bar *
# Navbar {
   margin: 0 auto;
   margin-top: 15px;
   padding: 0px 10px;
   text-transform: uppercase;
   background: # 2c2c2c url ("http://img.webme.com/pic/p/pruebas-taw/navbar.png");
   }

# Sayfa bar {
   width: 722px;
   }

# Sayfa bar ul {
   list-style: none;
   }

# Sayfa bar li {
   float: left;
   list-style: none;
   cursor: pointer;
   display: block;
   border-right: solid # 333 1px;
   }

# Sayfa bar li: hover {
   background: # 402020;
   }


# Sayfa-bar, # sayfa bar: {ziyaret etti
   margin: 0px;
   padding: 10px 16px;
   font-weight: bold;
   color: # FFF;
   display: block;
   }

# Sayfa bar a: hover {
   text-decoration: none;
   display: block;
   }

# Searchform {
   width: 194px;
   float: right;
   text-align: right;
   padding-top: 8px;
   margin-right: 10px;
   }

/ / * Açılır Menüler *     
# Sayfa bar li {
   float: left;
   margin: 0px;
   padding: 0px;
   }
   
# Sayfa bar li li {
   float: left;
   margin: 0px;
   padding: 0px;
   width: 122px;
   text-transform: none;
   }
   
# Sayfa bar li li bir, # sayfa bar li li a: link, a li li # sayfa bar: {ziyaret etti
   background: # 2B2B2B;
   width: 122px;
   float: none;
   margin: 0px;
   padding: 5px 10px 5px 18px;
   border-top: 1px solid # C0C0C0;
   }
   
# Sayfa bar li li a: hover, # sayfa bar li li a: {aktif
   background: # 666666;
   padding: 5px 10px 5px 18px;
   }

# Sayfa bar li ul {
   position: absolute;
   width: 10em;
   sol:-999em;
   }

# Sayfa bar li: hover {ul
   left: auto;
   display: block;
   }
   
# Sayfa bar li: hover ul # sayfa bar li.sfhover ul {
   left: auto;
   }


/ / * Metin *

h1 {
   font: 3.5em Arial;
   font-weight: bold;
   letter-spacing:-0.08em;
   }

h2 {
   font: 2.3em Gürcistan, "Times New Roman";
   }

h3 {
   font: 1.3em Arial;
   margin-bottom: 3px;
   color: # 3c78a7;
   font-weight: bold;
   }

h4 {
   font: 1.0em Arial;
   }

h3.cat_title, h3.cat_title bir {
   color: # 333;
   letter-spacing:-0.05em;
   font-size: 0.85em;
   }

h3 {yanıt #
   margin-top: 0px;
   padding-top: 20px;
   }

h3 # comments {
   margin-top: 32px;
   padding-left: 0px;
   }

h3.authors {
   margin-top: 15px;
   }

/ / * Index Sayfa *

# Logo {
   width: 350px;
   }

# Tagline {
   margin-top: 5px;
   font-size: 1em;
   color: # 333;
   }

# {Üst
   padding: 0;
   }

# Başlık {
   width: 590px;
   float: left;
   background: # fff;
   padding: 10px;
   font-size: 1.05em;
   line-height: 1.5em;
   margin: 0;
   }

# Başlık div.title {
   font-weight: bold;
   font: 2.4em Gürcistan;
   letter-spacing:-0.05em;
   display: block;
   padding-bottom: 5px;
   }

# Başlık div.meta {
   display: block;
   margin-top: 5px-;
   padding-bottom: 2px;
   }

# Başlık p {
   padding-bottom: 15px;
   }

# {Özellikli
   width: 300px;
   background: # fff;
   float: right;
   padding: 10px 10px 9px 10px;
   }

# Özellikli. Clearfloat {
   margin-top: 7px;
   margin-bottom: 8px;
   }

# Özellikli. Info {
   margin-top: 5px;
   padding-top: 5px;
   float: right;
   width: 180px;
   }

# Özellikli. Başlık {
   font-weight: bold;
   }

# Başlığın img # {bir img özellikli
   border: 1px # ccc katı;
   margin-top: 5px;
   margin-right: 10px;
   padding: 2px;
   }




. Kategori {
   width: 164px;
   float: left;
   border-top: solid # 333 8px;
   margin: 0px;
   padding: 5px 10px 10px 10px;
   background: # fff;
   }

. Kategori p {
   margin: 0;
   }

# Cat-1, # kedi-3, # cat-5 {border-top: solid # 333333 8px;}
# Cat-2, # kedi-4 {border-top: solid # 3c78a7 8px;}

. Kategori span.cat_title, # ön h3 popüler, # ön liste. Cat_title, # arşiv. {Cat_title
   text-transform: lowercase;
   margin: 0;
   font-weight: bold;
   font-size: 1.5em;
   letter-spacing:-0.05em;
   }

# Ön h3 {popüler
   color: # fff;
   }

. Kategori {
   color: # 333;
   display: block;
   background: none;
   }

. Kategori a: hover {
   background: none;
   color: # fff;
   text-decoration: none;
   }

# Waper {
   width: 940px;
   }

# Content {
   width: 590px;
   background: # fff;
   padding: 10px;
   font-size: 1.05em;
   line-height: 1.75em;
   float: left;
   }

# Arşiv {
   padding-top: 15px;
   font-size: 1.05em;
   line-height: 1.75em;
   }

# Ön liste blockquote {
   padding: 0px 10px 0 10px;
   }

# Ön liste. Başlığı, # arşiv. Başlık {
   font-weight: bold;
   font: 2.0em Gürcistan;
   letter-spacing:-0.05em;
   }

#. {Clearfloat ön liste. Clearfloat, # arşiv
   padding-bottom: 10px;
   border-bottom: 1px # ccc noktalı;
   margin-bottom: 10px;
   }

# Ön liste. Rüzgarlık, # arşiv. Rüzgarlık {
   display: block;
   margin-top: 3px;
   }

# Ön-list p, # arşiv p {
   margin: 0px;
   padding: 0px;
   }

. Yazarı {
   font-size: 0.8em;
   font-weight: bold;
   }

. Meta {
   font-size: 0.8em;
   color: # 333;
   }

. {Bir meta
   color: # 333;
   }

# Başlık p, # özellikli p {
   margin: 0;
   }


/ / * İçerik Sayfa *



/ / * Kenar *
# Sidebar {
   width: 320px;
   float: right;
   margin: 0px 0px 0px 0px;
   }

# Sidebar h3 {
   font: 1.1em Arial;
   font-weight: bold;
   background: url (http://img.webme.com/pic/p/pruebas-taw/navbar.png);
   color: # fff;
   margin: 10px 0px 5px 0px;
   padding: 3px 10px;
   }

# Sidebar-top, # sidebar-alt {
   width: 300px;
   float: right;
   padding: 0px 10px 10px 10px;
   background: # fff;
   }

# Sidebar-alt, # sidebar-orta {
   margin-top: 10px;
   }

# Sidebar-{orta
   width: 320px;
   float: right;
   }

# Sidebar-{bıraktı
   width: 135px;
   padding: 0px 10px 10px 10px;
   float: left;
   background: # fff;
   }

# Sidebar-{sağ
   width: 135px;
   padding: 0px 10px 10px 10px;
   float: right;
   background: # fff;
   }


# Sidebar li {
   list-style: none;
   border-bottom: 1px # ccc noktalı;
   display: block;
   padding: 0px 2px 2px 13px;
   background: no-repeat 0 0px ("http://www.fileden.com/files/2009/5/1/2426283/sub.png") url;
   }

# Sidebar li ul li: last-child {
   list-style: none;
   border-bottom: 0px # ccc noktalı;
   display: block;
   padding: 0px 0px 13px 2px;
   background: no-repeat 0 0px ("http://www.fileden.com/files/2009/5/1/2426283/sub.png") url;
   }

# Sidebar-reklamlar {
   width: 300px;
   float: right;
   margin-bottom: 10px;
   padding: 10px;
   background: # fff;
   }


/ / * Form Elemanları *

{Seçin
   border: 1px solid # 333;
   width: 100%
   }
   
. Alanında {
   padding: 2px;
   border: 1px solid # 333;
   background: # fff;
   font-size: 1.0em;
   }

# {S
   padding: 1px;
   font-size: 1.0em;
   width: 150px;
   }
   
# Searchsubmit {
   padding-left: 5px;
   }

# Commentform girdi {
   width: 140px;
   margin: 5px 5px 1px 0;
   }

# Commentform textarea {
   width:% 99;
   margin-top: 5px;
   }



/ / * Yorumlar *

. Commentlist cite {
   font-style: normal;
   margin-bottom: 4px;
   display: block;
   }   

. Commentlist blockquote {
   background: # ededed;
   }
         
. Commentlist li {
   padding: 10px 0px 10px 0px;
   list-style: none;
   margin-bottom: 3px;
   }

. Commentlist li li {
   background: none;
   border: none;
   list-style: kare;
   margin: 0 3px 3px 20px;
   padding: 3px 0;
   }

. Commenttext {
   padding: 10px 10px 0px 10px;
   background: # f2f2f2;
   border-top: solid # ddd 1px;
   border-bottom: solid # ddd 1px;
   width: 495px;
   float: right
   }
     
. Commentlist {güçlü cite
   font-size: 1.1em;
   }
   
li.my_comment {
   background: # FFF;
   border: none;
   }

li.my_comment {güçlü cite
   font-size: 1.3em;
   color: # 313228;
   }
   
# {Küçük commentform
   background: # FFF;
   font-weight: bold;
   padding: 0;
   }
   
. Commentmetadata {
   color: # 4d4d4d;
   display: block;
   margin-top: 3px;
   text-align: right;
   font-size: 0.9em;
   }

. Commentmetadata a, commentmetadata: {ziyaret etti.
   color: # 959382;
   }
   
. {Küçük commentlist
   background: # e9e9e9;
   }

. Avatar {
   border: 1px solid # bbb;
   margin: 0px 0px 0px 10px;
   float: left;
   padding: 2px;
   width: 55px;
   height: 55px;
   }   

# {Yorum
   width: 590px;
   background: # fff;
   }

/ / * Footer *

# Ön {popüler
   font-size: 0.7em;
   color: # fff;
   width: 940px;
   background: # 2c2c2c url ("http://img.webme.com/pic/p/pruebas-webmaster-tux/bottombar.png") alt no-repeat;
   margin: 0 auto;
   padding: 10px;
   }

# Recentpost, # {mostcommented
   width: 280px;
   float: left;
   padding: 10px;
   border: 1px solid # fff;
   }

# {Mostcommented
   margin-left: 17px;
   }

# Recent_comments {
   width: 280px;
   float: right;
   padding: 10px;
   border: 1px solid # fff;
   }

# Recentpost bir, # # recent_comments bir mostcommented bir {
   color: # fff;
   }

# Recentpost ul, #, ul mostcommented # recent_comments {ul
   margin-top: 5px;
   }

# Recentpost ul li, # {# recent_comments ul li ul li mostcommented
   list-style: none;
   border-top: 1px # noktalı fff;
   padding: 5px;
   display: block;
   }

# Recentpost ul li: hover, # ul li mostcommented: hover, # recent_comments ul li: hover {
   background: # 402020;
   color: # fff;
   }

# Recentpost ul li: first-child, # ul li mostcommented: first-child, # recent_comments ul li: first-child {
   border-top: 0px # noktalı fff;
   }


# Altbilgi {
   margin: 0 auto;
   width: 960px;
   font-size: 0.6em;
   padding-top: 10px;
   padding-bottom: 10px;
   }


/ / * Float Özellikleri *

. Clearfloat: {sonra
   içerik :".";
   display: block;
   Yükseklik: 0;
   net: Her iki;
   görünürlük: hidden;
   }

. {Clearfloat
   display: inline-block;
   }


/ * Dan gizler IE-mac * /
* Html. {Clearfloat
   height: 1%;
   }

* + Html. {Clearfloat
   height: 1%;
   }

. {Clearfloat
   display: block;
   }
SIZLER ICIN BIRTANE TASARIM
______________

Önceki mesajları göster:   


Powered by phpBB © 2001, 2005 phpBB Group
Türkçe Çeviri: phpBB Türkiye & Erdem Çorapçıoğlu