Unyil#3 – Mengubah Profile Page

Hallo Sahabat TimUR 

Pada cermi unyil ica yang satu ini yaitu tentang mengubah profile page yang ada pada tampilan project ica. Disini ica bermain main di dapur project ica. Dengan hadirnya cermi unyil ica ini yaitu mengenai progress yang sedang ica kerjakan untuk project ica ini untuk menjadi lebih baik lagi.

Nah pada kali ini yaitu ica mengubah tampilan pada profile page yang ada pada project ica.

Berikut adalah codingan dalam mengubah profile page 

 <ul class="dropdown-menu">
 <!-- User image -->
 <li class="user-header">
 <img src="https://lh3.googleusercontent.com/-zAx2eNLLHtc/WfrMBUuQFyI/AAAAAAAADV8/p3arwyCd730xAomXO8kyVD1Hmgmz6xM-gCL0BGAYYCw/h300/image%2Buser.png" class="img-circle"
 alt="User Image"/>

<p>
 Admin - Marketing
 <small>Marketing STMIK RAHARJA</small>
 </p>

Nah dibawah ini adalah tampilan dari codingan diatas

Dan ini adalah codingan untuk menambahkan button profile dan sign out

<div class="pull-left">
 <a href="#" class="btn btn-default btn-flat">Profile</a>
 </div>
 <div class="pull-right">
 <?= Html::a(
 'Sign out',
 ['/site/logout'],
 ['data-method' => 'post', 'class' => 'btn btn-default btn-flat']
 ) ?>
 </div>

Maka tampilan pun akan menjadi seperti dibawah ini

Dengan demikian, tampilan ica pada profile page pun akan menjadi seperti diatas. Sekian cermi unyil ica mengenai mengubah profile page pada project ica. Semoga bermanfaat.

Terimakasih 🙂

 

8 Responses

  1. Wah perkembangan yang Ica jalani sekarang sudah nampak terlihat ya dengan adanya tampilan halaman web INTEGRAMnya, tetap semangat terus ya Ca 🙂

Leave a Reply

You must be logged in to post a comment.