1
|
شما مي توانيد با استفاده از اين تكنيك به ميزان زيادي بر زيبايي صفحات وب خود بيفزاييد
.
به كد زير توجه كنيد
.
همه چيز بر اساس اين كد تنظيم مي شود و شما مي توانيد با دستكاري در آن كار خود را متفاوت تر كنيد
. .curve { float: left; display: block; height: 16px; clear: left; }
در واقع اين كد يك تكه از كار شما را مي سازد و به عنوان نمونه براي يك نيم دايره به تعداد زيادي از اين كد نياز داريد
:
/* BLUE CUTVES */ .curve2 { float: left; display: block; height: 16px; clear: left; } { Width: 1px; height: 80px; } #CurveSpacer #Curve14 { width: 65px; } #Curve15 { Width: 85px; } #Curve16 { Width: 105px; } #Curve17 { Width: 115px; } #Curve18 { Width: 125px; } #Curve19 { Width: 130px; } #Curve20 { Width: 125px; } #Curve21 { Width: 120px; } #Curve22 { Width: 118px; } #Curve23 { Width: 110px; } #Curve24 { Width: 104px; } #Curve25 { Width: 93px; } #Curve26 { Width: 80px; } #Curve27 { Width: 60px; } #Curve28 { Width: 40px; }
و بايد در صفحه وب به صورت زير به كار ببريد
:
<div id="wrapper2"> <span id="curveSpacer" class="curve2"></span> <span id="curve14" class="curve2"></span> <span id="curve15" class="curve2"></span> <span id="curve16" class="curve2"></span> <span id="curve17" class="curve2"></span> <span id="curve18" class="curve2"></span> <span id="curve19" class="curve2"></span> <span id="curve20" class="curve2"></span> <span id="curve21" class="curve2"></span> <span id="curve22" class="curve2"></span> <span id="curve23" class="curve2"></span> <span id="curve24" class="curve2"></span> <span id="curve25" class="curve2"></span> <span id="curve26" class="curve2"></span> <span id="curve27" class="curve2"></span> <span id="curve28" class="curve2"></span> </div>
|
|
gps0064
تاریخ عضویت:
تیر 1388
سطح کاربری :
کاربر نقره ای
تعداد پست ها:
1771
محل سکونت :
اصفهان
|
|
|
|
سلام
من كه هر كاري كردم چيزي نشون نداد
حتي كدهاي خود شما را كپي كردم گفتم شايد يه جايي اشتباه نوشتم بازم نشد

|
|
m_v_3130
تاریخ عضویت:
شهریور 1390
سطح کاربری :
کاربر تازه وارد
تعداد پست ها:
6
محل سکونت :
اصفهان
|
|
|
|
کد رنگهای هر قسمت نوشته نشده-
ضمنا با یک کد پی اچ پی - گذاشتن یک حلقه - می توان همین کار را راحتتر و قشنگ تر انجام داد.. style.css.php
--
ahmad zarei.
Muslim Student
|
|
zsib16
تاریخ عضویت:
آذر 1389
سطح کاربری :
کاربر تازه وارد
تعداد پست ها:
5
محل سکونت :
|
|
1
دسترسی سریع: