UZFOR
  1. Lenta
  2. DjHuSo
CSS da kerakli qismlarni yaratish (37)
Mavzu fayllari
Shikoyat qilish
DjHuSo
#1
Salom!
Bu yerda CSS da kerakli qismlarni dizynini yaatamiz misol beriladi shiz shunga qarab shu koʻrinishni yasashingiz kerak boʻladi! Copy qilish mumkun emas!
Baholash tizimi ham mavjud:
2 ball urinib koʻrgani uchun
5 ball qisman tayyorlagani uchun
7 ball yarim tayyor mahsulot uchun
10 ball 100% natija uchun.
P/s bu mavzu css da bilimni oshirish uchun koʻchirishlarni yoʻqotish uchun PHP da masala yechish ga qoʻshimcha mavzu.
4

#2
1 - masala 1 ta rasmni chitiga chiziq tortish kerak va doyraga olish kerak soya chiqarish kerak !
0
Mailzero
#3
Men ham urinib ko'ray:
2
Kod · HTML39 qator
<!DOCTYPE HTML>



<html>



<head>

    <title>Rasm CSS</title>

</head>



<body>

  <img style="border: 2px #6c6666 solid;

   border-radius: 50%;

   box-shadow:

   0 1px 4px rgba(0, 0, 0, .3),

   -23px 0 20px -23px rgba(0, 0, 0, .8),

   23px 0 20px -23px rgba(0, 0, 0, .8),

   0 0 40px rgba(0, 0, 0, .1) inset;"

   src="1.JPG" width="400" height="400" alt="">

</body>



</html>
Akbarali
#4
Kmuzon, # Kmuzon (21.04.2020 / 09:19)
Rasmni ustiga js urnatish kk qilolasmiАгар ёна шунақа саволларни берсангиз 1 сутка форум сиздан дам олади.

1. Мавзу CSS хақида.

2. Расм устига ЖСни чиқариб бўлмай.и ЖС орқали чиқаришингиз мумкун


Буни огохлантириш деб қабул қилинг. Зеро мақсадим банлистни тўлдириш эмас
3
tahrirlandi · лет oldin
DjHuSo
#5
REYTING (21.04.2020)
1. - Mailzero10 ball


MASALALAR:
1-MASALA (Rasmga soya berish). Activ
0
tahrirlandi · лет oldin
sobirjonovv
#6
Masalalarni soddalaridan boshlang, men ham urinib ko'ray va boshqalar ham
0
DjHuSo
#7
Mahmudjon, Eng onsoni ku bu
1
Akbarali
#8
Саволларни биз хам берсак бўладими ?
0
tahrirlandi · лет oldin
DjHuSo
#9
Akbarali, Albatta
0
gi8ri7
#10
Mahmudjon, # Mahmudjon (21.04.2020 / 11:17)
Masalalarni soddalaridan boshlang, men ham urinib ko'ray va boshqalar ham Buni oftopic deb bilmaysizlar degan umiddaman!

Maslahat: Masalalarni osonlashtiring deyishni o’rniga siz uchun notanish bo’lgan
elementga ko’zingiz tushsa oddiy qilib “element css” deb googledan qidiring aniq bilaman 100 lab natijalar namunialari (+screen)lari bilan chiqadi bunarsani o’zingiz uchun kashf etgan bo’lasiz

Agar elemnt nima desez

Buyerda sariq rangda yozilganlar element ya’ni ikki nuqta ( : ) bilan tugagan atamalar
0
Kod · CSS9 qator
.div_nomi { 

    background-color: #efefef;

    color: #323232;

    font-size: 16px;

}
tahrirlandi · лет oldin
Akbarali
#11
Блок очинг ва унга #E2E1E0 рангини бериб ичида яна битта блок очиб унга #fff беринг ва чап, ўнг, пастироғи озоқ соя беринг. Ва ўртадаги #fff rangli blokka sichqoncha kelganda soya rangiz yanaham to`qlashsin
1
AkmyradoffSoft
#12
DjHuSo, # DjHuSo (21.04.2020 / 10:44)
REYTING (21.04.2020)
1. - Mailzero10 ball


MASALALAR:
1-MASALA (Rasmga soya berish). Activbox-shadow orqali qilinadi
-1
Akbarali
#13
ZET-PRO2003, # ZET-PRO2003 (21.04.2020 / 16:45)
DjHuSo, box-shadow orqali qilinadiQanday qilishni emas o`sha kodni tashlashingiz kerak
1
AkmyradoffSoft
#14
Akbarali, # Akbarali (21.04.2020 / 16:46)
ZET-PRO2003, Qanday qilishni emas o`sha kodni tashlashingiz kerakbilaman xoz, net ishlamay qoldi manda:
0
Kod · PHP1 qator
<img src="rasm_manzili.jpg" style="box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 2px 5px 0 rgba(0, 0, 0, 0.1);box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 2px 5px 0 rgba(0, 0, 0, 0.1);">
gi8ri7
#15
ZET-PRO2003, qil deyabdi
0
Kod · CSS13 qator
.div {

    box-shadow: maydoni ochroq rang;

}



.div:hover {

    box-shadow: maydoni to’qroq rang;

}
tahrirlandi · лет oldin
DjHuSo
#16
REYTING (22.04.2020)
1. - Mailzero 10 ball
2. - ZET-PRO2003 7 ball

MASALALAR:
1-MASALA (Rasmga soya berish).
2-MASALA (Сичқонча bn ishlash) Activ
0
Akbarali tomonidan tahrirlandi · лет oldin
Akbarali
#17
Кодларни ёзаётганда visted hover link active qilib yozib qo`ymaylik. Bo`lmasa osongina topib olishadi
1
DjHuSo
#18
Akbarali,
0
Kod · HTML83 qator
<!DOCTYPE HTML>

 

<html>

 

<head>

    <title>Border</title>

<style>

body{

background:#ccc;

}



.test{

background:#739e41;

padding:10px;

border-radius:5px;

}

.test1{

background:#fff;

border-radius:5px;

box-shadow:0px 10px 10px 1px #444;

}



.test1:hover{

box-shadow:0px 10px 10px 1px #000;

}





</style>

</head>

 

<body>



 <div class="test1">

 <div class="test">

 <br/>

  </div>

 <br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>

 </div>

 

</body>

 

</html>
gi8ri7
#19
button, input va checkboxlar bilan bo’liq masalalarga hali ertami yoki yozaveraymi?
0
DjHuSo
#20
kHakimzhon, onsonlaridan boshlab borgan yaxshi menimcha!
2
Mavzu moderatori: DjHuSo