התחבר | הרשמה | שאלות נפוצות
Anonymous

How to style like this?

+ פרסם תגובה

4 הודעות עמוד 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) הורד 1544 פעמים

סמל אישי של המשתמש

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

Re: How to style like this?

על ידי MaxroyUSA » ה' ספטמבר 20, 2018 10:10 am

Why Choose Us: [url]https://www.antivirustechsupportnumber.com/trend-micro-antivirus-support/
Micro Antivirus Customer Support [/url]
Secured remote access to determine issues remotely.
Moment skillful help.
Capacity to settle any sort of specialized issue.
Affirmed, and experienced engineers.
Guaranteed resolution on your.
Dependable and result oriented services.
Safe and sound solutions for individual needs.
Assurance of security of information.
Contact Trend Micro support- Issues will never ever happen
Tech Support is an associated specialist co-op for giving on the web specialized support on remote help. Techs are experienced in offering you end-to-end to evacuate all issues, assistance on authorization of or purchase of Trend Micro antivirus, a perfection of this kind of brand is positively required to resolve all issues with a snappy help.
סמל אישי של המשתמש

MaxroyUSA

  • הודעות: 2
  • הצטרף: ה' ספטמבר 20, 2018 9:54 am
  • מיקום: USA


+ פרסם תגובה

עמוד 1 מתוך 1