MadGrafiker

Sultanciftligi karıstı!

7 Ekim 2014 Salı

YAZAN: Unknown

Sitemizle alakası olmayan bir olay, fakat biz yazmak istedik, Sultançiftliği ve Bağcılarda pkklılar araçları yakarak, insanlara saldırarak, evler taşlanarak protesto ediyor, bu olay hala devam ediyor. Polislerin protestoyu durdurma çalışmaları devam ediyor, haberlerimiz bu başlık altından devam edicektir.

Biz Türk'üz, hepimiz kardeşiz, böyle şeylere gerek yok.

Forum sitesi kurmak

4 Ekim 2014 Cumartesi

YAZAN: Unknown

0 Comments

Merhaba arkadaşlar, bu konumuzda forum sitesi kurmayı göstericeğim, öncelikle bu forum sitesini nasıl kurucağız, yetkinforum.net - .org - .com gibi domainler sayesinde sizlere tasarım + üyelik sistemli bir forum sitesi kurmanızı sağlıyor. Siteye girince kayıt ol butonundan zaten sizleri yönetiyor. Siteyi kuramayan olursa Ziyaretçi defteri'nden bize ulaşabilir.

Css yazı efektleri!

YAZAN: Unknown

0 Comments

Bu sayfada HTML sayfanızda kullandığınız yazıların yazı tipi özelliklerini nasıl değiştirebileceğiniz hakkında bilgi verilecektir.
Yazı tiplerini biçimlendirirken en sık kullandığımız komutlar:

font-family
font-size
font-style
font-weight
font-family: Yazı Tipi Belirlemek

Yazı tipleri klasörümüzü açtığımızda birçok yazı tipi görürüz. Bunları HTML sayfamızda kullanmak için adını belirtmemiz gerekir. İşte bu kod yazı tipi seçmemizde bize yardımcı olacaktır.

h1 { font-family: Times New Roman; }
p { font-family: Times New Roman, Arial, Helvatica; }
a { font-family: Sans-serif; }

Yukarıdaki birinci örnekte sadece tek yazı tipi adı belirttik (Times New Roman), ancak bir sonrakinde aralarına virgül koyarak daha fazla belirttik. Bu tarz kullanımlarda öncelikle dikkate alınan ilk verdiğimiz yazı tipi olacaktır. Eğer verdiğimiz yazı tipi o kullanıcıda yoksa bir sonraki ile görüntülenecektir.

font-size: Yazının Büyüklüğü (Puntosu)

Yazı büyüklüğünü font-size ile belirtiriz. Ölçü birimi olarak aşağıdakileri kullanabiliriz:

% : yüzde olarak belirtmek
in : inç olarak belirtmek
cm : santim olarak belirtmek
mm : milimetre olarak belirtmek
em : varsayılan yazı büyüklüğüne göre oranlamak
pt : punto olarak belirtmek
px : piksel olarak belirtmek

Örneğin yazımızın 12 punto olması için yazmamız gereken komut:

h2 { font-size: 12pt; }

14 piksellik bir yüksekliğe sahip yazı istiyorsak:

h2 { font-size: 14px; }

Varsayılan yazı tipinin %150 fazlasını EM ile belirtirsek:

h2 { font-size: 1.5em; }

Yukarıdaki örneği yüzde ile ifade etmek isteseydik:

h2 { font-size: 150%; }

font-style: İtalik (Sağa Yatık) Yazmak
Yazımızın sağa yatık (italic) olması için aşağıdaki kodu kullanabiliriz.

h2 { font-style: italic; }

Eğer italik bir yazıyı iptal edeceksek aşağıdaki kodu yazmalıyız:

h2 { font-style: normal; }

font-weight: Kalın Yazmak
Yazımızın kalın (bold) olmasını istiyorsak aşağıdaki kodu kullanmalıyız.

h2 { font-weight: bold; }

Eğer kalın bir yazıyı normal haline dönüştüreceksek aşağıdaki kodu yazmalıyız:

h2 { font-weight: normal; }

Kaynak: css.sitesi.web.tr

Metin2 - Siyahv1 tasarımı!

YAZAN: Unknown

0 Comments

Dreamweaver ile kodladığım basit bir çalışma, tr.gg uyumlu bir temadır. Alt kısımdaki bölümü değiştirmediğiniz sürece temayı kullanabilirsiniz. Daha fazla tasarımlar ekliceğiz, sizler takipte kalın!

Tasarım üstüne gelicek kod;

<!DOCTYPE
 html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html 
xmlns="http://www.w3.org/1999/xhtml"> <head> <FCK:meta 
http-equiv="Content-Type" content="text/html; charset=utf-8"  /> 
<title>Turkmetin2 - Yeni nesil maceraya katıl!</title> 
<link href="mt2style.css" rel="stylesheet" type="text/css" /> 
</head>  <body> <div id="usttmenu">
   <ul>
<li><a href="#" _fcksavedurl="#"> 
ANASAYFA</a></li>
<li><a href="#" 
_fcksavedurl="#">NESNE MARKET</a></li>
<li><a href="#" _fcksavedurl="#">EP 
YÜKLE</a></li>
<li><a href="#" 
_fcksavedurl="#">DESTEK</a></li>
<li><a 
href="#" _fcksavedurl="#">FORUM</a></li>
<li><a href="#" 
_fcksavedurl="#">FACEBOOK</a></li>
</ul>
</div>
<div id="logov1">
<a href="#" 
_fcksavedurl="#">TURKMETİN2</a></div>
<table 
width="1000" border="0" align="center" cellpadding="0" 
cellspacing="0">
<tr>     <td width="252" 
height="21"><div id="ustbaslik">
<a href="#" 
_fcksavedurl="#">Genel</a></div>
</td>     <td 
width="498"><div id="ustbaslik">
<a href="#" 
_fcksavedurl="#"> Turkmetin2 - 
Anasayfa</a></div>
</td>     <td 
width="250"><div id="ustbaslik">
<a href="#" 
_fcksavedurl="#">Oyun durumu</a></div>
</td>   
</tr>
</table>
<table width="1000" border="0" 
align="center" cellpadding="0" cellspacing="0">
<tr>     
<td width="250" align="left" valign="top"><div id="solmenu">
       <ul>
<li><a href="#" 
_fcksavedurl="#">Anasayfa</a></li>
<li><a href="#" 
_fcksavedurl="#">İletişim</a></li>
<li><a href="#" _fcksavedurl="#">Ziyaretçi 
defteri</a></li>
<li><a href="#" 
_fcksavedurl="#">Kayıt ol</a></li>
<li><a href="#" _fcksavedurl="#">Forum</a></li>
<li><a href="#" _fcksavedurl="#">Oyunu 
indir</a></li>
<li><a href="#" 
_fcksavedurl="#">Giriş yap</a></li>
</ul>
</div>
<div id="ustbaslik">
 <a href="#" 
_fcksavedurl="#">Oyuncu Sıralaması</a></div>
<div id="solmenu">
         <ul>
<li><a 
href="#" _fcksavedurl="#">xRealking <b>| 84 Seviye 
|</b></a></li>
<li><a href="#" _fcksavedurl="#">DerinDevlet <b>|
 81 Seviye 
|</b></a><b></b></li>
<li><a href="#" _fcksavedurl="#">ByDAYI <b>|
 79 Seviye |</b></a></li>
<li><a href="#" _fcksavedurl="#">Demsi00<b> | 79 
Seviye |</b></a></li>
<li><a 
href="#" _fcksavedurl="#">TEHLİKE<b> | 78 Seviye 
|</b></a></li>
<li><a href="#" _fcksavedurl="#">HAYDAR <b>| 77 
Seviye |</b></a></li>
<li><a href="#" _fcksavedurl="#">Geldekes<b> | 77
 Seviye |</b></a></li>
<li><a href="#" _fcksavedurl="#">Nededinsen<b> | 
75 Seviye |</b></a></li>
<li><a href="#" _fcksavedurl="#">MustafaBey <b>| 
75 Seviye |</b></a></li>
<li><a href="#" _fcksavedurl="#">Ninjaking <b>| 
74 Seviye |</b></a>      </li>
</ul>
</div>
<div id="ustbaslik">
<a 
href="#" _fcksavedurl="#">Lonca Sıralaması</a></div>
<div id="solmenu">
         <ul>
<li><a 
href="#" _fcksavedurl="#">HİLKAT</a></li>
<li><a href="#" 
_fcksavedurl="#">ISTANBUL</a></li>
<li><a href="#" 
_fcksavedurl="#">MustafaKemal</a></li>
<li><a href="#" 
_fcksavedurl="#">Jongiller</a></li>
<li><a href="#" 
_fcksavedurl="#">GENCADAMLAR</a></li>
<li><a href="#" 
_fcksavedurl="#">TURKIYE</a></li>
<li><a href="#" _fcksavedurl="#">ASIRUH</a></li>
<li><a href="#" 
_fcksavedurl="#">DELİLER</a></li>
<li><a href="#" 
_fcksavedurl="#">ACIMASIZLAR</a></li>
<li><a href="#" 
_fcksavedurl="#">YENİLMEZ</a></li>
</ul>
</div>
</td>     <td width="633" align="center" 
valign="top"><div id="content">

Tasarım altına gelicek kod;

</div>
</td>     <td width="250" align="center" 
valign="top"><div id="sagmenu">
                 SERVER: 
<b>ONLİNE</b><br />           Exp: 100<br
 />           Yang: 100<br />           Eşya düşürme: 100      
     <br />           Şuanda oyunda 
"<b>543</b>" online oyunda!<br />           
Bugün toplam "<b>3940</b>" kişi oyuna girdi!      
        <br />             </div>
<div 
id="ustbaslik">
         <div id="ustbaslik">
         <a 
href="#" _fcksavedurl="#">Oyunu İndir<br />         
</a></div>
<div id="sagmenu">
<a href="#" 
_fcksavedurl="#"><img src="file:///C|/Users/grundıg/Desktop/Sergen
 KLASÖR/tasarım deneme/indirr.png" 
_fcksavedurl="file:///C|/Users/grundıg/Desktop/Sergen KLASÖR/tasarım 
deneme/indirr.png" width="150" height="70" /></a><script 
language=JavaScript>m='%3C/div%3E%3C/td%3E%0A%20%20%3C/tr%3E%0A%3C/table%3E%0A%3Cdiv%20id%3D%22alt%22%3E%20T%DCM%20HAKLARI%20SAKLIDIR%21%20TASARIM%20VE%20KODLAMA%3A%20%3Ca%20href%3D%22http%3A//www.teknoanaliz.tr.gg%22%3ETEKNOANAL%u0130Z.TR.GG%3C/a%3E%3Cbr%20/%3E%0A%3C/div%3E';d=unescape(m);document.write(d);</script>
  </body> </html>

Css kodu;

/*
 KOPYALAMA RENGİ KIRMIZI */  ::-moz-selection {     background:#c00;    
 color:#fff; } ::selection {     background:#c00;     color:#fff;    }  
 /* ADMİN YORUMUNU KUTU İÇİNE AL */   i {       padding : 5px;     
text-align : left;     display : block;     overflow : auto;     font : 
500 1em/1.5em 'Verdana';     border : 1px solid #cccccc;     
-moz-border-radius: 5px 5px 5px 5px;  border-radius: 5px 5px 5px 5px; } 
  /*BÜTÜN REKLAMLARI ORTALAMA KODU */  h1#title {     display: none; } 
h2#title span {     display: none; } div.header {     display: none; } 
li.nav_element {     list-style-type: none; } li.nav_element {     
display: none; } 
#ad-a87f,#ad-c81e,#ad-a87f,#ad-cfcd,#ad-c9f0,#ad-c4ca,#ad-8f14,#ad-e4da,#ad-d3d9,#ad-1679,#ad-45c4,#ad-eccb
 {     margin:auto; } #webme_footer_textlink_dont_hide { margin-left: 
350px; } #webme_sky_ad { top: 200px; }  /* RENK KODU */  #b64242   /* 
ALT REKLAMI ÇERÇEVE İÇİNE AL */   #webme_footer_textlink_dont_hide { 
color: #000000; position: absolute; left: 000px; in: 0px; padding: 9px 
27px 8px 130px; background: 
url(http://salihtoy.com/wp-content/uploads/2013/05/fobs.png); }   /* 
YAZI TİPİNİ DEĞİŞTİRME */   body,td,th {     font-family: Calibri, 
Arial;     font-size: 13px;     color: #000;     margin: 0px; }      
@charset "utf-8"; body {  background-image: 
url(http://img.webme.com/pic/t/teknoanaliz/subtle_carbon.png);  color: 
#666666; } body ul {  color: #333333; } body ol {  color: #333333; }   
#ustbaslik {  height: 30px;  line-height: 30px;  text-align: center;  
background-image: 
url(http://img.webme.com/pic/t/teknoanaliz/saydambeyaz.png); } #content {
  height: auto;  padding: 2px;  color: #333;  font-size: 14px;  
background-image: 
url(http://img.webme.com/pic/t/teknoanaliz/saydambeyazv1.png); }   
#solmenu ul {  list-style-type: square;  padding-top: 5px;  
margin-bottom: 0px;  padding-bottom: 5px;  margin-top: 0px; } #solmenu 
ol {  padding-bottom: 5px;  margin-bottom: 0px;  margin-top: 0px;  
padding-top: 5px; } #solmenu ol li a {  text-decoration: none;  color: 
#333;  transition: 0.5s;  font-weight: bold;  font-size: 13px; } 
#solmenu ol li a:hover {  text-decoration: none;  color: #FFF;  
margin-left: 10px; } #sagmenu ol li a {  transition: 0.5s;  color: #333;
  text-decoration: none;  font-size: 12px; } #sagmenu ol {  margin-top: 
0px;  list-style-type: square;  text-align: left;  margin-bottom: 0px; }
 #logov1 {  height: 68px;  width: 1000px;  margin-right: auto;  
margin-left: auto;  text-align: center; } #usttmenu {  height: 35px;  
width: 1000px;  line-height: 35px;  margin-right: auto;  margin-left: 
auto;  margin-bottom: 2px;  background-image: 
url(file:///C|/Users/grund%C4%B1g/Desktop/Sergen%20KLAS%C3%96R/tasar%C4%B1m%20deneme/saydambeyaz.png);
 } #usttmenu ul {  margin: 0px;  padding: 0px;  list-style-type: none; }
 #usttmenu ul li a {  float: left;  display: block;  text-align: center;
  width: 166px;  color: #666;  text-decoration: none;  font-size: 13px; 
 font-weight: bold;  font-family: "Palatino Linotype", "Book Antiqua", 
Palatino, serif;  transition: 1s; } #alt {  width: 1000px;  
margin-right: auto;  margin-left: auto;  line-height: 40px;  height: 
40px;  font-size: 14px;  font-weight: bold;  color: #999;  text-align: 
center;  background-image: 
url(http://img.webme.com/pic/t/teknoanaliz/saydambeyaz.png);  
margin-top: 10px;  margin-bottom: 10px; }      #logov1 a {  line-height:
 65px;  color: #9F1717;  font-size: 60px;  font-weight: bold;  
text-decoration: none;  font-family: Arial, Calibri, "Microsoft YaHei"; 
 height: 65px;  transition: 0.5s;  margin-bottom: 20px; } #lo