تسجيل الدخول | التسجيل | الأسئلة المتكررة
Anonymous

How to style like this?

+ إضافة رد

3 مشاركة صفحة 1 من 1


How to style like this?

بواسطة jrahma » السبت يناير 07, 2017 4:06 pm

Hi,

I would like to ask how can I make such style as per this image (attached0?

https://expirebox.com/download/9fe8c3bdcb5bcaf89b622bc3d65b1dec.html

A square for the image and a square for the headline title and a circle for the profile image.


Thanks,
Jassim

المرفقات

  1. news_frame.jpg (105.01 KiB) 1136 مرة

صورة العضو الشخصية

jrahma

  • مشاركات: 1
  • اشترك في: السبت يناير 07, 2017 4:04 pm

Re: How to style like this?

بواسطة Farhin Qureshi » الجمعة يناير 13, 2017 1:03 pm

For making the image in differnt shapes you should use the concepts of Bootstrap.Refer the below link
http://www.w3schools.com/bootstrap/bootstrap_ref_css_images.asp
In this You will know how to appear your image as circle,rounded,responsive etc..
صورة العضو الشخصية

Farhin Qureshi

  • مشاركات: 45
  • اشترك في: الثلاثاء يناير 03, 2017 11:33 am
--
Farhin Qureshi
.NET Developer
http://www.ifourtechnolab.com

Re: How to style like this?

بواسطة pavithra.ramesh » الثلاثاء فبراير 13, 2018 12:00 pm

Hi,

Here is the code to achieve a similar effect.

https://codepen.io/pavithraramesh/pen/MQodrb

You can open this link and see how I have positioned various elements inside the container. You can contact me if you have any doubts regarding this kind of layoutinng.

Regards,

Pavithra Ramesh
Spidergems
صورة العضو الشخصية

pavithra.ramesh

  • مشاركات: 11
  • اشترك في: الثلاثاء فبراير 06, 2018 10:50 am


+ إضافة رد

صفحة 1 من 1