031- 344 500 60

طراحی سایت در اصفهان, سئو سایت اصفهان, طراحی سایت فروشگاهی , شرکت طراحی سایت اصفهان, طراحی حرفه ای سایت اصفهان, بهینه سازی سایت , بازاریابی و تبلیغات اینترنتی

صفحه نخست » بلاگ » bootstrap » ریسپانسیو کردن پارگراف Responsive Paragraph

ریسپانسیو کردن پارگراف Responsive Paragraph

۲۶ام بهمن ۱۳۹۴
پشتیبانی وب یار
0
134

ریسپانسیو کردن پارگراف Responsive Paragraph

سلام دوستان وب یاری با دانش من,امروز یه بار دیگه با ترجمه ی یه آموزش درخصوص ریسپانسیو کردن صفحات وب به سراغ شما اومدم,امروز میخوام به شما یاد بدهم که طریقه ی ریسپانسیو کردن تگ پاراگراف tag <p> چگونه است؟؟

بازهم یه بار دیگه یه یادآوری کوچک در خصوص اصلاح ریسپانسیو برای دوستان تازه واردم به وب یار میدهم که طراحی ریسپانسیو طراحی است که به شما اجازه میدهد یه وب سایتی طراحی کنید که در تمامی انواع گوناگون صحفه نمایش ها از قبیل دسکتاپ,موبایل,تبلت,و … به درستی نمایش داده میشود.

طریقه ریسپانسیو کردن پاراگراف

 

ریسپانسیو کردن پاراگراف

ریسپانسیو کردن پاراگراف

Responsive Paragraph Containers

 

کد html و css پاراگراف ریسپانسیو:

<!DOCTYPE html>

<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″ />
<style>
.content-paragraph {
float: left;
margin: 5px;
padding: 15px;
width: 300px;
height: 300px;
border: 1px solid black;
}
</style>
</head>
<body>
<h1>Responsive Web Site</h1>
<div class=”content-paragraph “>
<h2>Responsive1 </h2>
<p>به وب سایت وب یار خوش آمدید,مطالب طراحی سایت ریسپانسیو را حتما مطالعه کنید. </p>
<p> به وب سایت وب یار خوش آمدید,مطالب طراحی سایت ریسپانسیو را حتما مطالعه کنید</p>
</div>
<div class=” content-paragraph “>
<h2> Responsive2</h2>
<p>مطالب طراحی سایت ریسپانسیو به صورت مرحله به مرحله به شما آموزش داده میشود</p>
<p> مطالب طراحی سایت ریسپانسیو به صورت مرحله به مرحله به شما آموزش داده میشود</p>
</div>
<div class=” content-paragraph “>
<h2> Responsive3 </h2>
<p>مطالب طراحی ریسپانسیو وب یار در خصوص ریسپانسیو کردن پاراگراف ها</p>
<p> مطالب طراحی ریسپانسیو وب یار در خصوص ریسپانسیو کردن پاراگراف ها</p>
</div>
</body>
</html>

 

استایل این مطالب به صورت داخلی به تگ ها داده شده است, وبا توجه به همین کدهای سی اس اس است که پارگراف ها به صورت ریسپانسیو نمایش داده میشوند.

ریسپانسیو کردن پارگراف Responsive Paragraph
3 (60%) 1 vote
درباره نویسنده :
پشتیبانی وب یار

مطالب مرتبط

طراحی فروشگاه اینترنتی تجارت پویا

سایت فروشگاهی تجارت پویا

طراحی سایت فروشگاهی تجارت پویا طراحی سایت اختصاصی تجارت پویا عرضه کننده قیمت لپ تاپ , قیمت کامپیوتر , قیمت گوشی , قیمت تبلت , قیمت کنسول بازی از نمونه کارهای حرفه ای طراحی سایت تیم وب یار می باشد.طراحی سایت فروشگاه تجارت پویا برای مشتریان عزیزی که کسب و کارشان در حوزه های مختلف […]

طراحی فروشگاه اینترنتی جین ایران

فروشگاه اینترنتی جین ایران

طراحی فروشگاه اینترنتی جین ایران طراحی سایت اختصاصی جین ایران عرضه کننده انواع پوشاک زنانه و مردانه در اصفهان از نمونه کارهای حرفه ای طراحی سایت تیم وب یار می باشد.طراحی فروشگاه اینترنتی جین ایران برای مشتریان عزیزی که کسب و کارشان در حوزه های مختلف فروش و عرضه انواع پوشاک و سایر محصولات می […]

طراحی سایت فرهنگی سایت کودک

طراحی سایت فرهنگی کودک خلاق

طراحی سایت فرهنگی کودک خلاق طراحی سایت اختصاصی کودک خلاق با رعایت اصول سئو در کدنویسی از نمونه کارهای حرفه ای طراحی سایت وب یار می باشد. طراحی سایت اختصاصی کودک خلاق برای مشتریان عزیزی که کسب و کارشان در حوزه های فرهنگ و خدماتی است بسیار مناسب می باشد. آدرس سایت جهت مشاهده تمامی […]

طراحی سایت بازرگانی ایراکو

طراحی سایت اختصاصی بازرگانی ایراکو طراحی قالب سایت اختصاصی بازرگانی ایراکو با رعایت اصول سئو در کدنویسی از نمونه کارهای حرفه ای طراحی سایت و سئو سایت وب یار است. این سایت در زمینه ی بازرگانی و تجارت با عراق فعالیت دارد. طراحی سایت بازرگانی ایراکو برای مشتریان عزیزی که کسب و کارشان در حوزه های […]

ارسال دیدگاه

*    

*