UZFOR
  1. Lenta
  2. DjHuSo
CSS da kerakli qismlarni yaratish (37)
Mavzu fayllari
Shikoyat qilish
DjHuSo
#21
3-MASALA

css da link shuni ustiga sichqoncha borsa link shu holatga kelsin

+3 ball
0

#22
REYTING (24.04.2020)
1. - Mailzero 10 ball
2. - ZET-PRO2003 7 ball

MASALALAR:
1-MASALA (Rasmga soya berish).
2-MASALA (Sichqoncha bn ishlash).
3-MASALA (Link bn ishlash) Activ
0
ƒυтвσĻιѕт
#23
0
Kod · CSS5 qator
.und a:hover {

text-decoration: underline;

}
tahrirlandi · лет oldin
DjHuSo
#24
ƒυтвσĻιѕт, bu koʻrinishda yozish kerak va kod yoʻliq emas
0
ƒυтвσĻιѕт
#25
0
Kod · CSS17 qator
.und a { 

text-decoration: none;

 color: dodgerblue; 

font-size: 14pt;

font-family: Calibri;

} 

.und a:hover { 

text-decoration: underline;

 }
Kod · PHP5 qator
<?

echo'<div class="und"><a href="#">Underline</a></div>';

?>
DjHuSo
#26
REYTING (24.04.2020)
1. - Mailzero 10 ball
2. - ZET-PRO2003 7 ball
3. - ƒυтвσĻιѕт 3 ball
MASALALAR:
1-MASALA (Rasmga soya berish).
2-MASALA (Sichqoncha bn ishlash).
3-MASALA (Link bn ishlash)
0
tahrirlandi · лет oldin

#27
4-MASALA

CSS yordamida matinlarni gazeta ko'rinishiga keltiring 2 bo'lakgabo'lin screndagiday qilib!
+3 ball
0

#28
REYTING (29.04.2020)
1. - Mailzero 10 ball
2. - ZET-PRO2003 7 ball
3. - ƒυтвσĻιѕт 3 ball
MASALALAR:
1-MASALA (Rasmga soya berish).
2-MASALA (Sichqoncha bn ishlash).
3-MASALA (Link bn ishlash)
4-MASALA (Gazeta shakliga keltirish)
0
MR_BaxtiyoR
#29
Assalomu alaykum forumdoshlar, kech bo`lsa ham joylayman


2 soat 54 daqiqa 23 soniyadan keyin yozdi:
Mana hamma masalalar yechimi va screen
0
Kod · HTML33 qator
<!DOCTYPE html>

<html>

<head>

<title>Css Example</title>

</head>

<body>

<style>

img{

border: 4px solid #D529D1FF;

border-radius: 10px;

box-shadow: 10px 10px 10px gray;

}

</style>

<img src="https://as2.ftcdn.net/jpg/02/08/91/55/500_F_208915568_Jk55l9Ekm9QrGtcg2jvJ1rm0QJ64SjEc.jpg" alt="Technology" align="middle">



</body>

</html>
Kod · HTML189 qator
<!DOCTYPE html>

<html>

<head>

<title>Css Example</title>

</head>

<body>

<style>

body{

margin: auto;

padding: 10px;

font-size: 20px;

}

h1{

text-align: center;

}

img{

border: 4px solid #D529D1FF;

border-radius: 10px;

box-shadow: 10px 10px 10px gray;

}



.box-1{

border: 1px solid #DDD;

box-shadow: 5px 5px 5px gray;

padding: 20px;



}

.box-1:hover{

box-shadow: 10px 10px 15px gray;

}



a{

color: blue;

text-decoration: none;

}

a:hover{

text-decoration: underline;

}



.main{

overflow: hidden;

border: 1px solid #ddd;



}

.head{

background-color: #E5D719FF;

text-align: center;

color: blue;

padding: 20px;

font-style: bold;

}

.block{

float: left;

width: 50%;

padding: 10px;

box-sizing: border-box;

}

</style>





<h1>1. Rasmga soya berish</h1>



<img src="https://uzfor.uz/files/users/photo/895_tmp_1521050641.jpg" alt="avatar" align="middle">



<h2>2. Sichqoncha bilan ishlash</h2>



<div class="box-1">

<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod

tempor incididunt ut labore et dolore magna aliqua. </p>

</div>





<h1>3.Link bilan ishlash</h1>

<a href="#">Bosh sahifaga o`tish</a>



<h1>4. Gazeta shakliga keltirish</h1>



<div class="main">

<div class="head">

Header page

</div>

<div class="block">

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod

tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,

quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo

consequat. pariatur. 

</div>



<div class="block">

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod

tempor incididunt ut labore et dolore magna aliqua. 

</div>

</div>

</body>

</html>
gi8ri7
#31
Hullas, drop down tuzish kerak

“– Yangiliklar” bo'lsa unga bosilganida uning ostidagi bo'limlar chiqib keladi agar unga qayta bosilsa “– Yangiliklar” ga berilgan linkga o'tadi

JS chilar bormi
0
Сирожиддин
#32
Kradoff ⁾, # Kradoff ⁾ (22.01.2022 / 02:14)
Hullas, drop down tuzish kerak

“– Yangiliklar” bo'lsa unga bosilganida uning ostidagi bo'limlar chiqib keladi agar unga qayta bosilsa “– Yangiliklar” ga berilgan linkga o'tadi

JS chilar bormihttps://www.w3schools.com/w3css/w3css_dropdowns.asp
0
gi8ri7
#33
Сирожиддин, https://www.championat.com/ ga kirib hamburger ga bossangiz “fudbol, hokkey v.k.” bo'limlar chiqadi, bironta bo'limga sossangiz podbo'limlar chiqadi agar bo'limga yana bossangiz unga berilgan linkga o'tadi
0
8125
code_one
#34
Kradoff ⁾, # Kradoff ⁾ (22.01.2022 / 14:13)
Сирожиддин, https://www.championat.com/ ga kirib hamburger ga bossangiz “fudbol, hokkey v.k.” bo'limlar chiqadi, bironta bo'limga sossangiz podbo'limlar chiqadi agar bo'limga yana bossangiz unga beril
shuni bosilganda ochiladigan drop boladi endi sal mexnat qilasiz shart berasiz agar bolim => bolimItms => 1 {
drop
}else{
no drop
}
chundiz degan umiddaman
0
Kod · HTML37 qator
<div class="dropdown-click">

  <button onclick="myFunction()" class="button black">Click Me!</button>

  <div id="Demo" class="dropdown-content bar-block border">

    <a href="#" class="bar-item button">Link 1</a>

    <a href="#" class="bar-item button">Link 2</a>

    <a href="#" class="bar-item button">Link 3</a>

  </div>

</div>



<script>

function myFunction() {

  var x = document.getElementById("Demo");

  if (x.className.indexOf("show") == -1) { 

    x.className += " show";

  } else {

    x.className = x.className.replace("show", "");

  }

}

</script>

#35
masalalar bo ekan bu yerda juda yaxshi
men xam bir masala berib koray
bitta button boladi agar unga bossa ekranga rasm chiqadi
a ishlatmasdan html va css orqali qilish kk
0
Mavzu moderatori: DjHuSo