"میخوایم خواص کلی اچ تی ام ال رو مقدار دهی کنیم"
این رو بیشتر توضیح میدید.
مثلا این تگ شامل خواصی میشه که با فراخوانیش به طور یکسان برای همه ی کلاس ها اعمال میشه؟؟؟
میشه ی مثال بزنید :نیش: یعنی مثالا شامل کد ها و مقادیر باشن فقط .... نباشن:نیش:
-
توجه: در صورتی که از کاربران قدیمی ایران انجمن هستید و امکان ورود به سایت را ندارید، میتوانید با آیدی altin_admin@ در تلگرام تماس حاصل نمایید.
پرسش و پاسخ آموزش CSS و HTML
- شروع کننده موضوع Mahdi Askari
- تاریخ شروع
"میخوایم خواص کلی اچ تی ام ال رو مقدار دهی کنیم"
این رو بیشتر توضیح میدید.
مثلا این تگ شامل خواصی میشه که با فراخوانیش به طور یکسان برای همه ی کلاس ها اعمال میشه؟؟؟
میشه ی مثال بزنید :نیش: یعنی مثالا شامل کد ها و مقادیر باشن فقط .... نباشن:نیش:
Mahdi Askari
مدير فنی
تو همین قسمتی که نقل قول کردید کامل توضیح دادم
این کد ها بدون داشتن . در اولشان در سی اس اس نوشتن میشن و فراخوانی هاشون هم توضیح دادم
این کد ها بدون داشتن . در اولشان در سی اس اس نوشتن میشن و فراخوانی هاشون هم توضیح دادم
HTML:
h3{
color:[URL=http://www.iranjoman.com/usertag.php?do=list&action=hash&hash=000]#000[/URL]
font-family:byekan;
.
.
.
}
آخرین ویرایش:
HTML:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" >
<style>
h2 {
background:url("http://www.up.iranjoman.com/images/gnc576bkgk9qk0exi3.jpg") repeat-y scroll 0% 0% transparent;
color:green;
width:882px;
height:662px;
border:20px ridge #ef08ec ;
font: 15px tahoma;
}
h3{
border:0px solid #ffffff ;
width:600px;
height:200px;
font: 12px Tahoma ;
position:absolute;
top:30px;
right:500px;
direction : rtl;
line-height:23px;
color:green;
}
h4{
border:0px solid #ffffff ;
position:absolute;
color:red;
font: 12px Tahoma ;
width:250px;
height:50px;
top:400px;
right:800px;
}
</style>
</head>
<body>
<h2>
<a href="mailto:name@yahoo.com"><img src="http://www.up.iranjoman.com/images/00t913r1as64qt4xad2.gif" title="تماس با ما" top="10px" width="50" height="50" > </a>
</h2>
<h3>
<p align= "justify" ; title= " garfield" ; >
تکه‌کلام‌های گارفیلد <hr>
<a href="http://dl.downloadha.com/Rezaj/Animation/Garfield%20(www.Downloadha.com).rar" ><img src="http://www.up.iranjoman.com/images/1r8oww11ch314dbi9xz3.gif" align="left" > </a>
*اگر دوست داری لاغر به نظر بیای، با ادم های چاق بگرد. <br>
*من اضافه وزن ندارم، کمبود قد دارم. <br>
*هیچ وقت به یک گربه خندان اعتماد نکن. <br>
*من بی‌نظم نیستم، من چالش سازماندهی دارم. <br>
*هر وعده غذایی را جوری بخور انگار آخرین غذایی است که می‌خوری. <br>
*گرسنه‌ام، پس هستم. <br>
*وقتی لازانیای خونم کم بشود، بداخلاق می‌شوم. <br>
*حالم از دوشنبه‌ها (اولین روز کاری هفته) بهم می‌خورد. <br>
</p>
<a href="http://www.iranjoman.com/index.php" > www.iranjoman.com </a>
</h3>
<h4>
<b>برای دانلود بر روی عکس کلیک کنید
</h4>
</body>
</html>
</body>
</html>
آخرین ویرایش:
خب حالا چند تا سوال دارم ممنون میشم راهنمایم کنید.
خودم سعی کردم اما تو این چند مورد به نتیجه ای نرسیدم..
1. حالت چشمک زن که تو h4 تعریف کردم لازمه حتما تو کلاس تعریف بشه یا میتونه در قالب تگ p ویا در محل مناسبتری تعریف بشه...
2. در کلاس h3 برای تکه‌کلام‌های گارفیلد چطور باید تنظیمات مربوط به تگ hr از قبیل عرض و ضخامت و رنگ اعمال بشه؟ میشه از قابلیت hn برای تیتر کردنش استفاده کرد؟ چجوری؟
3. چرا با کلیک بر روی ایمیل به سایت یاهو نمیره ؟؟؟
خودم سعی کردم اما تو این چند مورد به نتیجه ای نرسیدم..
1. حالت چشمک زن که تو h4 تعریف کردم لازمه حتما تو کلاس تعریف بشه یا میتونه در قالب تگ p ویا در محل مناسبتری تعریف بشه...
2. در کلاس h3 برای تکه‌کلام‌های گارفیلد چطور باید تنظیمات مربوط به تگ hr از قبیل عرض و ضخامت و رنگ اعمال بشه؟ میشه از قابلیت hn برای تیتر کردنش استفاده کرد؟ چجوری؟
3. چرا با کلیک بر روی ایمیل به سایت یاهو نمیره ؟؟؟
آخرین ویرایش:
Mahdi Askari
مدير فنی
هااااا اهلا و سهلا مرحبا
بسیار خوب نوشتید
نکات ریزی داره که بهتون باد آور میشم
تگ های اچ برای سرتیتر مطالب استفاده میشه
یعنی بهتر بود به این صورت تعریف میکردید
HTML:
<h3>
تکه کلام های گارفیلد
<h3/>بعد میشد برای اینکه قرار بدید
الان من میبینم تگ اچ2 رو خصوصیات بکگراند رو بهش دادید
بهتر بود یک کلاس برای این کار در نظر میگرفتید
اکثر سایت هایی که رتیبه بندی میکنن به این که از تگ های اچ چند تا استفاده کردید یک امتیاز میدن
هر چه مناسبتر و بهینه تر استفاده بشن بهتر هست
میشد برای این کار یک کلاس تعریف کنید همین خصوصیات تگ اچ 2 رو برای اون بذارید
تگ hr که گذاشتید به منزله پایان خط هست و تگ پی شما رو میبنده
و تگ پی که تعریف کردید فقط « تکه کلام های گارفیلد» درونش هست
همونطوری که برای h1 , h2 خصوصیات تعریف کردید برای hr هم همونطوری خصوصیاتش رو باید شرح بدید
بهتر هست به صورت المنت تعریف بشه یعنی
HTML:
<hr style="....">برای حالت چشمک زن هم جاش درسته فقط اگه نمیخواید تمام تگ هاتون در کل قالب چشمک زن باشه
برای محل دلخواه میتونید از المنت استفاده کنید
الان بجای تگ های h از کلاس استفاده کردم و
تگ hr رو هم مقدار دهی کردم
تگ hr رو هم مقدار دهی کردم
HTML:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" >
<style>
.sayeh {
background:url("http://www.up.iranjoman.com/images/gnc576bkgk9qk0exi3.jpg") repeat-y scroll 0% 0% transparent;
color:green;
width:882px;
height:662px;
border:20px ridge #ef08ec ;
font: 15px tahoma;
}
.sayeh1{
border:0px solid #ffffff ;
width:600px;
height:400px;
font: 12px Tahoma ;
position:absolute;
top:30px;
right:500px;
direction : rtl;
line-height:23px;
color:green;
}
.sayeh2{
border:0px solid #ffffff ;
position:absolute;
text-decoration: blink;
color:red;
font: 12px Tahoma ;
width:250px;
height:50px;
top:400px;
right:800px;
}
</style>
</head>
<body>
<div class="sayeh">
<a href="mailto:name@ yahoo.com"><img src="http://www.up.iranjoman.com/images/00t913r1as64qt4xad2.gif" title="تماس با ما" top="10px" width="50" height="50" > </a>
</div>
<div class="sayeh1">
<h3 > تـــــکه کــــــلام های گارفیــــــــلد </h3>
<hr color="pink"; width="320px" ; size="5px" align="right" ; > </hr >
<p align= "justify" ; title= " garfild" ; >
<a href="http://dl.downloadha.com/Rezaj/Animation/Garfield%20(www.Downloadha.com).rar" ><img src="http://www.up.iranjoman.com/images/1r8oww11ch314dbi9xz3.gif" align="left" > </a>
*اگر دوست داري لاغر به نظر بياي، با ادم هاي چاق بگرد. <br>
*من اضافه وزن ندارم، کمبود قد دارم. <br>
*هيچ وقت به يک گربه خندان اعتماد نکن. <br>
*من بي‌نظم نيستم، من چالش سازماندهي دارم. <br>
*هر وعده غذايي را جوري بخور انگار آخرين غذايي است که مي‌خوري. <br>
*گرسنه‌ام، پس هستم. <br>
*وقتي لازانياي خونم کم بشود، بداخلاق مي‌شوم. <br>
*حالم از دوشنبه‌ها (اولين روز کاري هفته) بهم مي‌خورد. <br>
</p>
<a href="http://www.iranjoman.com/index.php" ; > www.iranjoman.com </a>
</div>
<div class="sayeh2">
<b>براي دانلود بر روي عکس کليک کنيد
</div>
</body>
</html>Mahdi Askari
مدير فنی
استاد :24:
برای هر عکس ی کلاس تعریف کردم درست هست یا نه؟
رنگ بکگراند در کلاس sayehرو میخواستم با استفاده از توابع rgba بنویسم اما رنگb5daf0 ایجاد نشد نزدیک میشد بهش اما دقیقا رنگی که میخواستم نمیشد تنظیماتش رو باید چطور انجام بدم؟
[MENTION=4792]palang[/MENTION]
برای هر عکس ی کلاس تعریف کردم درست هست یا نه؟
رنگ بکگراند در کلاس sayehرو میخواستم با استفاده از توابع rgba بنویسم اما رنگb5daf0 ایجاد نشد نزدیک میشد بهش اما دقیقا رنگی که میخواستم نمیشد تنظیماتش رو باید چطور انجام بدم؟
HTML:
<html>
<herd>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" >
<style>
.sayeh{ background: url("http://www.up.iranjoman.com/images/fvmt48***mxjt5pjz30q.gif") repeat-x #b5daf0 20px 100px ;
width:710px;
height:700px;
border:5px ridge #000000 ;
}
.sayeh1{background: url("http://www.up.iranjoman.com/images/fp6x3w06hbzrwe931ltr.gif") repeat #b5daf0 ;
position:absolute;
width:708px;
height:180px;
top:530px;
left:13px;
}
.sayeh2{background: url("http://www.up.iranjoman.com/images/0dwq7prh4hu8d9o3rkow.gif") repeat-x ;
position:absolute;
width:101px;
height:100px;
top:465px;
left:400px;
}
.sayeh3{background: url("http://www.up.iranjoman.com/images/hy34qjjiwdbotg0q6yq8.gif") repeat-x ;
position:absolute;
width:109px;
height:82px;
top:600px;
left:100px;
}
</style>
</head>
<body>
<div class= "sayeh">
</div>
<div class= "sayeh1">
</div>
<div class= "sayeh2">
</div>
<div class= "sayeh3">
</div>
</body>
</html>[MENTION=4792]palang[/MENTION]
آخرین ویرایش:
Mahdi Askari
مدير فنی
بله درست هست
این تابع رنگ رو درست میکنه اما عدد چهارم رو که شما بهش میدید شفافیت رو تنظیم میکنه
یعنی اگه 0 بدید کلا رنگ دیده نمیشه و اگه 1 بدید رنگتون کامل دیده میشه
نمونه همین که کامل دیده نشه در پست بیت لوگوی انجمن هست
شفافیت لوگو روی 0 هست که با هاور شدن ماوس روی فیلد ها این عدد میشه 1 و لوگو ظاهر میشه
حالا اون حالت انیمیشنش رو کار نداریم
شفافیتش بحث ماست
بله اما زمانی که بخوام از این تابع استفاده کنم چطور رنگ دلخواهم رو با rgbaایجاد کنم مثلا همین رنگی که مثال زدم از کجا بدونم باید چه مقادیری به r و gو b بدم؟
یا کلا از این تابع جز در مبحث شفافیت در جای دیگه استفاده نمیشه؟
آخرین ویرایش:
Mahdi Askari
مدير فنی
خب چطور این اتفاق میفته؟
در مورد کلاس های کاذب فقط یه توضیح کلی دادید
مثلا همین hover:
اگر الان این کد رو در شناسه style کپی کنم
HTML:
a:hover { color:red; background-color:rgba(120,140,130,.25);border:#006699 2px solid }و ی لینک تو یکی از کلاس ها تعریف کنم با بردن نشانگر موس روی لینک رنگش تغییر میکنه و اون رو داخل ی کادر نشون میده طبق خصوصیاتی که براش تعریف کردم اما با 0 شدنopacity اون تغییری که در مورد لینک لوگوی انجمن میفته اینجا انجام نمیشه!!!
خب چطور عکس رو بهش اضافه کردید که مخفی و آشکار میشه؟؟؟؟
[MENTION=4792]palang[/MENTION]
Mahdi Askari
مدير فنی
سلام
درمورد خصوصیت margin سوال دارم
تو کلاسایی که تعریف کردم
:نمیدونم: چرا برایmargin تغییر مقدار راست و پایین تاثیری نداشت بخاطر همین 0 گذاشتم بجاش !!!!
موقعیت هر کلاس فقط نسبت به کلاسی که درونش هست تعیین میشه؟ ارتباطی به کلاس مجاور نداره؟ مثلا کلاس های 3 و 4
[MENTION=4792]palang[/MENTION]
درمورد خصوصیت margin سوال دارم
تو کلاسایی که تعریف کردم
:نمیدونم: چرا برایmargin تغییر مقدار راست و پایین تاثیری نداشت بخاطر همین 0 گذاشتم بجاش !!!!
موقعیت هر کلاس فقط نسبت به کلاسی که درونش هست تعیین میشه؟ ارتباطی به کلاس مجاور نداره؟ مثلا کلاس های 3 و 4
HTML:
<html>
<head>
<style>
.sayeh{ background: url("http://www.up.iranjoman.com/images/rgmac4fsfhdfv8cwg1u7.jpg") repeat #b5daf0 ;
border:5px ridge #000000 ;
width: 1020px;
overflow:Auto;
Min-height: 1024px;
Max-height: 1440px;
}
.sayeh1{ background: none #fff ;
margin: 50px 20px ;
width:200px;
height:700px;
border:4px double green ;
border-radius:10px;
padding:10px;
position:absolute;
}
.sayeh2{ background: none #fff ;
margin: 50px 0px 0px 300px ;
width:400px;
height:700px;
border:4px double green ;
border-radius:10px;
padding:5px;
position:absolute;
}
.sayeh3{ background: none #fff ;
margin:20px 0px 0px 150px ;
width:200px;
height:600px;
border:4px double green ;
border-radius:10px;
padding:5px;
position:absolute;
}
.sayeh4{ background: none #fff ;
margin:20px 0px 0px 10px ;
width:100px;
height:100px;
border:4px double green ;
border-radius:10px;
padding:5px;
position:absolute;
}
</style>
</head>
<body>
<div class="sayeh">
<div class="sayeh1">
</div>
<div class="sayeh2">
<div class="sayeh4">
</div>
<div class="sayeh3">
</div>
</div>
</div>
</body>
</html>[MENTION=4792]palang[/MENTION]
آخرین ویرایش:
Mahdi Askari
مدير فنی
سلام
مسلما مربوط میشه
شما در صندوق عقب ماشین بخواید دو تا جعبه بذارید نمیشه نصفشون تو هم باشه
اینجا هم همینطوره به کلاس های کناری مرتبط هستند
ولی با همون margin میشه جابجا کرد کلاسی که پاینتر در کد ها هست در اجرا هم زیر اون کلاس دیگه قرار میگیره
ولی یک خاصیتی هست که هنوز بحش نکردیم و اون میگه این کلاسمون موقعیتش در صفحه چگونه باشه
شناور باشه یا ثابت
اگه شناور در نظر بگیریم دیگه به کلاس کناری مرتبط نیستن
اینا رو باید کامل بحث کرد
آخرین ویرایش:
:تعجب2: چرا این شکلی شده؟؟؟
کدهایی که من نوشتم به این شکل نمایش داده میشه
الان سوالم این هست که چرا مقدار margin-right تغییری ایجاد نمیکنه حتی زمانی که به شکل خلاصه نشده مینویسمش فقط با margin- left موقعیت کلاس تغییر میکنه!!
Mahdi Askari
مدير فنی
:تعجب2: چرا این شکلی شده؟؟؟
کدهایی که من نوشتم به این شکل نمایش داده میشه
الان سوالم این هست که چرا مقدار margin-right تغییری ایجاد نمیکنه حتی زمانی که به شکل خلاصه نشده مینویسمش فقط با margin- left موقعیت کلاس تغییر میکنه؟؟
نه اونو خودم اونطوری ویرایش کردم
ببینید
جهت گیری کلاس شما به چه صورت هست؟
جهت گیی به سمت چپ و بالا داره
(مکان قرار گرفتن)
پس شما هر چقدر پایین و راست رو اضافه کنید برای این کلاس تغییری نداره
چرا این کلاسا الان جهت گیری به سمت چپ دارن!!
(استاد پلنگ=:حرص
:نیش:اینجا الان موقعیت چپ مقدار دهی نشده!!!
Mahdi Askari
مدير فنی
توجه کنید
(استاد پلنگ=:حرص
یعنی استاد پلنگ داره حرص میخوره:نیش:
خب این فراخوانی 4 قبل از 3 تاثیری تو جهت گیری نداره که فقط باعث میشه مثلا کلاس 4 روی 3 قرار بگیره
خب حالا پست رو کامل بخونید دیگه:91:
الان به قسمت دوم جواب ندادید که:91:
آخرین ویرایش: