» » » » Tanıtım metnindeki çerçeve

Tanıtım metnindeki çerçeve

copierbond
copierbond 13-06-2016, 21:11
Tanıtım metnindeki çerçeve
http://www.katilimsiz.gen.tr/

Sitesinde sürüm kurulum boyut gibi özelliklerin etrafına çerçeve gibi birşey eklenmiş (şerit çizgi halinde) bir kutu içerisinde kenarda da konu ile alakalı resimi koymuş çokta güzel olmuş . ben bunu nasıl yapabilirim. (Not : Konu daha önce açılmış arkadaşın birisi kodları alın gibi bir öneride bulunmuş ancak açan arkadaşta bende yapamadım.)
Çözüldü İşleme Alındı Bekliyor Çözülemedi
Bilgilendirme
Yorum Ekleyebilmeniz için Sitemize Kayıt Olmanız Gerekmektedir.
3 746
MaRZoCHi 3 Temmuz 2016 18:23
@ibrahimcfe, olmayan bişey için ezbere kod yazılmaz. Siz içeriklerinizi ekleyin. Geri dönülmez birşey değil stil ayarı. Sonra bakarız.

--------------------
0
8
ibrahimcfe 3 Temmuz 2016 18:18
@MaRZoCHi, Bakıyorum bakıyorum çözemedim bir türlü hocam http://apksep.hol.es/ site şuan böyle nereye ne eklemem lazımki fotoğraf solda olsun
0
3 746
MaRZoCHi 3 Temmuz 2016 18:14
@ibrahimcfe, aşağıdaki yorumları da incele. Verdiğim kodun CSS'si de var.

--------------------
0
8
ibrahimcfe 3 Temmuz 2016 16:58
Nasıl yani hocam css ye mi ekliyeceğiz bu kodu birde kod üzerinde oynama yapmaya gerek varmı
0
3 746
MaRZoCHi 3 Temmuz 2016 16:52
Resim için temanızda yer ayarlanmış.
<span id="post-img"></span>
arasına alın resmi.

--------------------
0
8
ibrahimcfe 3 Temmuz 2016 16:43
Resmi sol tarafa alıp sürüm boyut vs kenara çekilmesi için css ye ne yazmamız gerekir
0
8
ibrahimcfe 3 Temmuz 2016 16:29
Eyvallah hocam çok saolun hallettim fakat resim olayını nasıl yapıcam
0
3 746
MaRZoCHi 3 Temmuz 2016 16:20
@ibrahimcfe, CSS'yi eklememişsiniz.

--------------------
0
8
ibrahimcfe 3 Temmuz 2016 16:06
Haklısınız hocam inşallah yakın zamanda hazırdan ziyade kendim direk öğrenmeye çalışacağım.

Şuanda herhangi bir konuya ilave alan eklediğim zaman konuda çıkıyor fakat sade bir şekilde çıkıyor çerçeve içerisinde değil apksep.hol.es de görebilirsiniz
0
3 746
MaRZoCHi 3 Temmuz 2016 15:49
@ibrahimcfe, 1 ayda çok iyi bir seviyede CSS ve HTML öğrenebilirdiniz. İlave alan kısmı ise max. 10 dk da öğrenilebilir. O yüzden "1 aydır yapmaya çalışıyorum" lafınıza katılmıyorum.
Son verdiğim örnek ( mesajlarda )
<div class="bilgi">
[xfgiven_boyut]<p><span>Boyut:</span> [xfvalue_boyut]</p>[/xfgiven_boyut]
[xfgiven_surum]<p><span>Sürüm:</span> v1.0 Build 1234</p>[/xfgiven_surum]
</div>

boyut,surum adında iki ilave alan ( tek satırlık yazı alanı ) oluşturup, sırayla 15 MB, v1.0 Build 1234 girdiğinizde aynı sonucu alacaksınız. Bunlar örnek veriler, işleyişi anlamanız için.

--------------------
0
8
ibrahimcfe 3 Temmuz 2016 15:07
:D :D Hocam haziranın başlarında yazmıştım önceside var 1 aydır yapmaya çalışıyorum bu ilave alanı fakat başaramadım apksep.hol.es sitesinde görebilirsin iş iyicene sarpa sardı
0
3 746
MaRZoCHi 3 Temmuz 2016 14:40
@ibrahimcfe, mesajınızdan ben de anlamış değilim.

--------------------
0
8
ibrahimcfe 3 Temmuz 2016 13:58
Hocam ben bir türlü halledemedim bu olayı nerde yanlış yapıyorum anlamış değilim
0
3 746
MaRZoCHi 18 Haziran 2016 00:36
Cevaplarım öncelikli olarak sizin yapmanızı sağlamaya yönelik olacaktır. Son çare olarak hazır veririm :)

--------------------
0
0
copierbond 17 Haziran 2016 20:19
sayende hallettim hocam :) teşekkürler sizin başınızı daha çok ağrıtırım ben :)
0
3 746
MaRZoCHi 17 Haziran 2016 17:47
Site adresi verirseniz bakabilirim. boşluklar margin, padding den kaynaklıdır.
.bilgi > p'e
margin: 5px 0;
ekleyip deneyin.

--------------------
0
0
copierbond 17 Haziran 2016 16:55
teşekkürler hocam yaptım ekledim çok güzel oldu ama bir ufak sorum daha var bu aradaki boslugu düşüremiyorum ayrı bir kod mu eklememiz gerek acaba :)
0
3 746
MaRZoCHi 17 Haziran 2016 14:25
Herşeyde olduğu gibi biraz bilgi ve deneyim şart.
Basit bir örnek hazırladım: https://jsfiddle.net/ngfuprjs/
<div class="bilgi">
<p><span>Boyut:</span> 15 MB</p>
<p><span>Sürüm:</span> v1.0 Build 1234</p>
</div>

.bilgi {}
.bilgi > p { padding: 5px; border: 1px dashed #cecece; }
.bilgi > p > span { color: #ff0000; font-weight: bold; }

--------------------
0
İSTATİSTİKLER