Faiz Nor
asked 6 years ago

How can we have graphics (Timeline etc.) like you did in “About Me” in your demo?

http://demo.designwall.com/dw-minion/about-me/

5 Answers
Faiz Nor
answered 6 years ago

No worries, tried copying the stylesheets and got it. Awesome feature tho!

 

Thanks!

Faiz Nor
answered 6 years ago

No worries, tried copying the stylesheets and got it. Awesome feature tho!

 

Thanks!

DominicStaff
answered 6 years ago

I think you resolved this problem.
please don’t hesitate to contact us if you have further questions.

Hope this helps !

Regards,
Dominic

sesimonas
answered 6 years ago

Sorry, but I have the same question with the same “About Me” page and also “Contact” page. How I could get the same templates as you used in demo theme? The copy-paste method doesn’t work for me. Please I really need it!

 

p.s. I love this theme is definitely one of most awesome themes I ever seen! You are great creator!

sesimonas
answered 6 years ago

Sorry, but I have the same question with the same “About Me” page and also “Contact” page. How I could get the same templates as you used in demo theme? The copy-paste method doesn’t work for me. Please I really need it!

 

p.s. I love this theme is definitely one of most awesome themes I ever seen! You are great creator!

unreal2
replied 6 years ago

Hi Dominic,

I’m also interested in this. Can’t seem to figure it out how to make the same about me & contact pages. Also, how did you added the four ad spaces in the right column?

Thank you! 馃榾

unreal2
answered 6 years ago

For the About me page I have used the following lines of code placed in a new page using the text editor, not the visual editor. Hope it helps 馃檪

 

<div class=”page-content”>

Cras porta tempus pharetra. Etiam sollicitudin quam mauris, in sodales elit malesuada et. Curabitur orci sem, condimentum ut malesuada vitae, dapibus vitae est. Nulla elit augue, imperdiet sit amet vulputate sit amet, sodales sed ligula. Donec nulla mauris, aliquam ut dui ac, molestie dapibus diam. Aliquam erat volutpat.
<div class=”style-content-1 right”>
<div class=”small”><img class=”alignnone” alt=”” src=”http://placehold.it/230×290/eee&amp;text=Photo&#8221; /></div>
<div class=”big”>
<ul class=”style-1″>
<li>DBO<span class=”pull-right”>23 June, 2013</span></li>
<li>Gender<span class=”pull-right”>Male</span></li>
<li>Nationality<span class=”pull-right”>United States</span></li>
<li>Relationship Status<span class=”pull-right”>Single</span></li>
<li>Mobile Phone<span class=”pull-right”>1-800-233-4175</span></li>
<li>Website<a href=”http://cmspioneer.com/designwall”><span class=”pull-right”>www.designwall.com</span></a></li>
<li>Languages<span class=”pull-right”>English</span></li>
</ul>
</div>
</div>
<h3>Work and Education</h3>
Quisque elementum nunc et neque laoreet, sed semper enim rutrum. Nam sed urna lacus. Quisque tempus urna velit. Nam sed urna lacus. Quisque tempus urna velit. Donec eleifend lacus et ante interdum sagittis. Donec eleifend lacus et ante interdum sagittis. Curabitur orci sem, condimentum ut malesuada vitae, dapibus vitae est.
<ol class=”timeline”>
<li class=”tl-wrap pull-left tl-danger”><strong class=”tl-title”>Facebook</strong><span class=”tl-content”>Founder and CEO 路 Feb 4, 2004 to present</span></li>
<li class=”tl-wrap pull-right”><strong class=”tl-title”>Harvard University</strong><span class=”tl-content”><span class=”tl-content”>Sep 2002 to May 2004 路 Computer Science</span></span></li>
<li class=”tl-wrap pull-left”><strong class=”tl-title”>Phillips Exeter Academy</strong><span class=”tl-content”>Class of 2002 路 Classics</span></li>
<li class=”tl-wrap pull-right”><strong class=”tl-title”>Scrum Alliance</strong><span class=”tl-content”>Class of 2001 路 Certified Scrum Master</span></li>
<li class=”tl-wrap pull-left”><strong class=”tl-title”>Phillips Exeter Academy</strong><span class=”tl-content”>Class of 2002 路 Classics</span></li>
<li class=”tl-wrap pull-right”><strong class=”tl-title”>Scrum Alliance</strong><span class=”tl-content”>Class of 2001 路 Certified Scrum Master</span></li>
<li class=”tl-wrap pull-left”><strong class=”tl-title”>Ardsley High School</strong><span class=”tl-content”>Sep 1998 to Jun 2000 路 Ardsley, New York</span></li>
</ol>
<h3>Technical Experience</h3>
Sed quis risus posuere leo scelerisque viverra. Pellentesque id urna at augue porttitor laoreet eu vel arcu. Pellentesque vel iaculis augue. Quisque elementum nunc et neque laoreet, sed semper enim rutrum. Nam sed urna lacus. Quisque tempus urna velit. Donec eleifend lacus et ante interdum sagittis.
<div class=”row-fluid”>
<div class=”span2″><strong>Photoshop</strong></div>
<div class=”span10″>
<div class=”progress progress-info”>
<div class=”bar” style=”width: 60%;”>6/10</div>
</div>
</div>
</div>
<div class=”row-fluid”>
<div class=”span2″><strong>HTML &amp; CSS</strong></div>
<div class=”span10″>
<div class=”progress progress-success”>
<div class=”bar” style=”width: 70%;”>7/10</div>
</div>
</div>
</div>
<div class=”row-fluid”>
<div class=”span2″>

<strong>JavaScript</strong>

&nbsp;

</div>
<div class=”span10″>
<div class=”progress progress-warning”>
<div class=”bar” style=”width: 80%;”>8/10</div>
</div>
</div>
</div>
<div class=”row-fluid”>
<div class=”span2″><strong>PHP</strong></div>
<div class=”span10″>
<div class=”progress progress-danger”>
<div class=”bar” style=”width: 90%;”>9/10</div>
</div>
</div>
</div>
</div>

 

 

 

 

DominicStaff
answered 6 years ago

@ Unreal !

To create an “about” page and “contact” page as you wish, please follow step-by-step below:
– step 1: go to dashboard > pages > Add a new page.
– step 2: Paste codes bellow to editor.
+ About page: http://snippi.com/s/z27qk1w
+ Contact page: http://snippi.com/s/nsicv37

Powered by DW Question & Answer Pro