Acil Yardim Gerekli

18-08-2014, 20:54:51

#1

PlatinSeo

Merhaba Arkadaşlar ;

Bir konuda acil bir ihtiyaçım var php tabanlı yapmış olduğum arayüz tasarımında aşağıda yer alan sitedeki gibi bir kod ihtiyacım var

http://www.onlinekutuharf.com/krom/modeller/1

Örneğin yukarıda yer alan URL giriş yaparak bir seçim yaptığınızda Size metin ve font soruyor onları girdiğinizde bir resim üzerine font ve resmi yansıtıyor. bunu nasıl yapabiliriz?

Bu konuda bana yardımcı olabilirseniz çok sevinirim arkadaşlar
18-08-2014, 21:59:05

#2

digiklan

Php ile hazır bir image manipulation class kullanabilirsiniz.

İmagemagick ya da GDlibraries gibi eklentilerin kullanımı ile ilgili araştırma yapabilirsiniz.

18-08-2014, 22:53:51

PlatinSeo adlı üyeden alıntı: mesajı görüntüle

Merhaba Arkadaşlar ;

Bir konuda acil bir ihtiyaçım var php tabanlı yapmış olduğum arayüz tasarımında aşağıda yer alan sitedeki gibi bir kod ihtiyacım var

http://www.onlinekutuharf.com/krom/modeller/1

Örneğin yukarıda yer alan URL giriş yaparak bir seçim yaptığınızda Size metin ve font soruyor onları girdiğinizde bir resim üzerine font ve resmi yansıtıyor. bunu nasıl yapabiliriz?

Bu konuda bana yardımcı olabilirseniz çok sevinirim arkadaşlar

Hocam Jquery + Css İle Yapabilirsiniz..

Öncelikle CSS Te Yazı gölge efektleriyle Yazıya Derinlik kazandırılmış..
Szin için bir uygulama yazdım bakabilirsiniz..

// Kodu index.php olarak kaydedin jquery dosyanızı dizine atmayı unutmayın

<!DOCTYPE HTML>
<html lang="en-US">
<head>
	<meta charset="UTF-8">
	<title></title>
   <script type="text/javascript" src="js/Jquery10.2.js"></script>
   <link rel="stylesheet" href="stili.css">
<script type="text/javascript">
	$(document).ready(function(){
      $('.secim').click(function(){
	  var yazi=$('#metin').val();
	  $('#sonuc').html(yazi);
	    if($(this).attr('name')=="bir")
		  {
		   $( "#sonuc" ).removeClass( "kahve" ).addClass( "kirmizi" );
		  }else{
		  $( "#sonuc" ).removeClass( "kirmizi" ).addClass( "kahve" );

		  }
		
	  });
	});
</script>
</head>
<body>
	<div id="form">
	  <li class="secim" name="bir"> <label for="">Seçim1</label></li>
	  <li class="secim" name="iki"><label for="">seçim2</label></li>
	  <input id="metin" type="text" placeholder="Buraya Yazın" />
	</div>
	
	<div id="goster">
	 <label id="sonuc" for=""> </label>
	</div>
</body>
</html>

// aşşağıdaki stil kodlarını stili.css olarak kaydedin

.secim{
width:150px;
height:25px;
display:inline_block;
background:#cecece;
border-bottom:1px solid #000;
}

.kahve{
color:#4B4B4B;
font:bold 200px Monotype Corsiva;
text-shadow:#9D6B5F 1px 1px 0px, #865B52 2px 2px 0px, #7F564E 3px 3px 0px, #79524A 4px 4px 0px, #734E46 5px 5px 0px, #6D4A42 6px 6px 0px, #68463F 7px 7px 0px, #63423C 8px 8px 0px, #5E3F39 9px 9px 0px, #593C36 10px 10px 0px, #553933 11px 11px 0px, #513630 12px 12px 0px, rgb(77, 51, 46) 13px 13px 0px, rgb(0, 0, 0) 15px 15px 14px 
}


.kirmizi{
color:red;
font:bold 200px Monotype Corsiva;
text-shadow:1px 1px 0px #F20000, 2px 2px 0px #CF0000, 3px 3px 0px #C50000, 4px 4px 0px #B00, 5px 5px 0px #B20000, 6px 6px 0px #A90000, 7px 7px 0px #A10000, 8px 8px 0px #900, 9px 9px 0px #910000, 10px 10px 0px #8A0000, 11px 11px 0px #830000, 12px 12px 0px rgb(124, 0, 0), 13px 13px 0px rgb(118, 0, 0), 15px 15px 14px rgb(0, 0, 0);
}

Fontlarında Değişmesini İsitiyorsanız Font Face konusunu araştırmanızı tavsiye ederim,, Kendi ihtiyacınıza göre fontları indirip fontface ile dosyanıza ekleyip kullanabilirsiniz..

Sonrasında css dosyanızdaki font: Kısmında tanımladığınız fontu yazmanız yeterlidir..

Komple Kodlar başlı başına bir projedir Yapamazsanız Ücretli Kısımda konu açın yardımcı olurlar size..