چطور این قسمت رو طراحی کنم ؟

[yasharhi]

من می خواهم یک testimination مشابه شکل زیر داشته باشم و مشکل اصلی من با خط نازک دور هر 3 متن هست . چطور می تونم این رو ایجاد کنم ؟
( سایتی که ازش عکس رو گرفتم هم ندارم .)
2- اون گیومه که اول هر پاراگراف گذاشته عکسه ؟ جز عکس راه دیگه ای داره ؟ مثلا استفاده از aswomefont ?
http://upload.tehran98.com/upme/uploads/2b814eafa3c202b21.png

[r4hgozar]

سلام
عکسه
تا جایی که من میدونم نه

[dreadful]

من می خواهم یک testimination مشابه شکل زیر داشته باشم و مشکل اصلی من با خط نازک دور هر 3 متن هست . چطور می تونم این رو ایجاد کنم ؟
( سایتی که ازش عکس رو گرفتم هم ندارم .)
2- اون گیومه که اول هر پاراگراف گذاشته عکسه ؟ جز عکس راه دیگه ای داره ؟ مثلا استفاده از aswomefont ?
http://upload.tehran98.com/upme/uploads/2b814eafa3c202b21.png

براي اون دورش كه ميتونيد اين جوري بنويسيد :

.test
{
border:1px solid #ccc;
border-radius:3px;
padding:10px;
}


براي اون قرمز ها هم ميتونيد يه دو تا كاما بزنيد : ،،
بعدش با css براش كد بزنيد :

.test2
{
backgroud-color:#999;
padding:5px;


موفق باشيد :)

[yasharhi]

براي اون دورش كه ميتونيد اين جوري بنويسيد :

.test
{
border:1px solid #ccc;
border-radius:3px;
padding:10px;
}


براي اون قرمز ها هم ميتونيد يه دو تا كاما بزنيد : ،،
بعدش با css براش كد بزنيد :

.test2
{
backgroud-color:#999;
padding:5px;


موفق باشيد :)
خیلی ممنون
ولی پایین مستطیل یک علامت فلش هم هست

[Vitallity]

برای اون فلش کوچیک بدون استفاده از عکس و با CSS 3 می‌تونید از کد زیر استفاده کنید.

.test:before
{
border-color: #ccc rgba(0, 0, 0, 0);
border-style: solid;
border-width: 10px 10px 0;
bottom: -10px;
content: "";
display: block;
left: 40px;
position: absolute;
width: 0;
}
.test:after {
border-color: #FFFFFF rgba(0, 0, 0, 0);
border-style: solid;
border-width: 8px 8px 0;
bottom: -8px;
content: "";
display: block;
left: 42px;
position: absolute;
width: 0;
}
.test {
background: none repeat scroll 0 0 #FFFFFF;
border: 1px solid #ccc;
border-radius: 4px;
color: #333333;
margin: 1em 0 3em;
padding: 15px;
position: relative;
}

[yasharhi]

خیلی ممنون از دوستان
من برای هر کدام از سه testimination از قبل یک دیو تعریف کردم . حالا برای اینکه زیر هر کدام از سه testimination اسم بنویسم یک دیو جدید ایجاد کنم ؟
( البته من یک مشکل هم دارم که تعداد خط سایتم زیاد میشه - معمولا بالای 1000 خط برای صفحه اصلی html , css )

[Vitallity]

خیلی ممنون از دوستان
من برای هر کدام از سه testimination از قبل یک دیو تعریف کردم . حالا برای اینکه زیر هر کدام از سه testimination اسم بنویسم یک دیو جدید ایجاد کنم ؟
( البته من یک مشکل هم دارم که تعداد خط سایتم زیاد میشه - معمولا بالای 1000 خط برای صفحه اصلی html , css )
پیشنهاد می‌کنم یه برای هر کدوم یه دیو اصلی درست کنی که container باشه بعد داخلش دوتا(یا سه تا اگر بخواهی برای علامت نقل قول هم از CSS استفاده کنی) دیو بذاری بعد display: block رو برای هر div قرار بدی.

[yasharhi]

پیشنهاد می‌کنم یه برای هر کدوم یه دیو اصلی درست کنی که container باشه بعد داخلش دوتا(یا سه تا اگر بخواهی برای علامت نقل قول هم از CSS استفاده کنی) دیو بذاری بعد display: block رو برای هر div قرار بدی.
احسنت این بهترین راهه

[aydin.abdnia]

box-shadow:0px 0px 2px #e3e3e3;
az in estefade kon :)