Mybb Süper Üye Profili - Baskı Önizleme

Mybb Süper Üye Profili - Baskı Önizleme

+- MyBB Depo Forum (https://mybbdepo.com)
+-- Forum: MyBB 1.6 Depo (https://mybbdepo.com/mybb-1-6-depo-forumu)
+--- Forum: MyBB 1.6 Modifikasyon & Eklenti Deposu (https://mybbdepo.com/mybb-1-6-modifikasyon-eklenti-deposu-forumu)
+---- Forum: Üye Profili & Postbit (https://mybbdepo.com/uye-profili-postbit-forumu)
+---- Konu Başlığı: Mybb Süper Üye Profili (/mybb-super-uye-profili-konusu.html)

Sayfalar: 1 2 3 4 5

Mybb Süper Üye Profili - ßyßurak - 20-01-2013

User

Tasarımcı: by.byram
User

Mybb Uyarlama: ~ßyßurak~
Araç-Test

Eklentinin Çalıştığı Versiyonlar: 1.6.x
Bilgi-Kaynak

Eklenti Açıklaması: Profilinize Yeni Bir Görünüm Ekler.

Eklenti-Plugin

Eklentinin Kurulumu

Temalar Şablonlar Sağ Ok

Temalar

CSS Oluştur

Stil Adı: Profil.css
Bağlı olduğu dosyalar: Genel Stil
Kendi içeriğimi yazmak istiyorum; Çıkan Kutuyo Aşağıdaki Kodları Yapıştır

Kod:

#propic {

    width: 282px;

    margin: 150px auto 0 auto;

    box-shadow: 0px 0px 10px -2px #000000;

}

#info {

    margin: 75px 0 0 110px;

    position: absolute;

    font-size: 16px;

    font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif;

    font-weight: bold;

    color: #ffffff;

    z-index: 9;

    text-shadow: 1px 1px 1px #000000;

}

#info span {

    display: block;

}

.name {

    font-size: 12px;

}

.radius {

    border-top-left-radius: 5px;

    border-top-right-radius: 5px;

}

#shadow {

    position: absolute;

}

#header_2 {

    height: 60px;

    background-color: #D96666;

    color: #ffffff;

    padding: 6px 0 0 110px;

    border-bottom: 1px solid #d35050;

font-size: 14px;

}

#header_2 span {

    float: left;

    font-weight: bold;

}

#header_2 span span {

    display: block;

    width: 20px;

    font-weight: normal;

}

#me {

    position: absolute;

    border: 4px solid #D35050;

    margin: 74px 0 0 12px;

    z-index: 1;

    -webkit-animation: me 1s ease;

    -webkit-animation-delay: 2s;

}

#me img {

    width: 60px;

height: 64px;

}

@-webkit-keyframes me {

    0%{ -webkit-transform:  rotateY(0); }

    50%{ -webkit-transform:  rotateY(180deg); }

    100%{ -webkit-transform:  rotateY(360deg); }

}

#links {

margin: 19px 17px -2px -53px;

width: 127%;

}

#links li {

    display: block;

    color: #a3a3a3;

    line-height: 22px;

}

#links li:hover {

    color: #d96666;

}

#links li span {

    display: block;

    width: 22px;

    height: 22px;

    background: transparent url(../images/icon.png) no-repeat;

    -webkit-transition: all 0.2s ease;

    float: left;

    margin-right: 20px;

}

#links li:hover span {

    background-position: 0 -22px;

}

#links #email span {

    background-position: -22px 0px;

}

#links #email:hover span {

    background-position: -22px -22px;

}

#links #twitter span {

    background-position: -44px 0px;

}

#links #twitter:hover span {

    background-position: -44px -22px;

}

#links #dribbble span {

    background-position: -66px 0px;

}

#links #dribbble:hover span {

    background-position: -66px -22px;

}

#bottom {

    padding: 20px;

border-top: 1px solid 

#F2F2F2;

background-color: 

#fff;

border-bottom-left-radius: 5px;

border-bottom-right-radius: 5px;

width: 50%;

box-shadow: 0px 3px 10px -2px black;

margin-left: auto;

margin-right: auto;

width: 24em;

margin-top: -8px;

padding-left: 22px;

}

#bottom a {

    background-color: #F89883;

    padding: 5px 12px 5px 12px;

    color: #ffffff;

    text-decoration: none;

    border-radius: 2px;

}

#bottom a:hover {

    text-shadow: 1px 1px 1px #555555;

}

.download {

    margin-right: 2px;

}

body {

  background: #fff url(http://skywalkergraphics.com/trenza/images/noisy-texture-transparent.png) 0 0 repeat;

  color: #999;

}

div.tabbed-menu {

  font-family: verdana;

  font-size: 15px;

  width: 320px;

  margin: 50px auto;

  box-shadow: 0 1px 3px rgba(0,0,0,.2);

}

ul.tabs {

  text-align: center;

  list-style: none;

  position: relative;

  margin: 0;

  padding: 0;

  line-height: 26px;

width: 124%;

}

ul.tabs li {

  padding: 10px 15px;

  background: #444;

  display: inline-block;

  color: #222;

  width: 22.95%;

  -webkit-transition: all .3s ease-in-out;

  -moz-transition: all .3s ease-in-out;

  -o-transition: all .3s ease-in-out;

  -ms-transition: all .3s ease-in-out;

  transition: all .3s ease-in-out;

  font-size: 1.1em;

  text-shadow: 0 1px 0 rgba(255,255,255,.15);

}

ul.tabs li.selected {

  background: #333;

  border-bottom-color: transparent;

  color: #ccc;

  text-shadow: 0 1px 0 rgba(0,0,0,.75);

}

ul.tabs li:hover {

  cursor: pointer;

  background: #666;

}

ul.tabs li.selected:hover {

  background: #333;

}

div.page {

  text-align: center;

}

div.page li {

  text-align: left;

  list-style-type: none;

}

div.content {

  padding: 10px 20px;

}

div.content p {

  padding:0;

  marging:0;

  text-align: left;

  line-height: 1.4em;

  text-shadow: 0 1px 0 rgba(0,0,0,.75);

}

div.contentWrapper{

  background: #333;

  border-bottom-left-radius: 2px;

  border-bottom-right-radius: 2px;

}

Temalar Şablonlar Sağ Ok

Şablonlar

9. Üye Profili Şablonlar Sağ Ok

member_profile

Sil Değiştir.

Kod:

<html>

<head>

<title>{$mybb->settings['bbname']} - {$lang->profile}</title>

{$headerinclude}

</head>

<body>

{$header}

<div id="propic">

    <div id="info">

        <span>{$formattedname}</span><span class="name">{$usertitle}</span></div>

    <div id="picture">

        <span id="me">{$avatar}</span>

        <span id="shadow">

        <img alt="shadow" class="radius" src="images/shadow.png" /></span>

        <img alt="bg" class="radius" src="images/bg.jpg" /> </div>

    <div id="header_2">

        <div>

            <span>Konu <span>{$memprofile['postnum']} </span></span> <span>Rep <span>{$reputation}</span></span>

        </div>

    </div>

<style type="text/css">

body {

    font: 10px normal Verdana, Arial, Helvetica, sans-serif;

    color: #444;

}

ul.tabs {

    margin: 0;

    padding: 0;

    float: left;

    list-style: none;

    height: 32px;

    width: 123%;

}

ul.tabs li {

    float: left;

    margin: 0;

    padding: 0;

    height: 31px;

    line-height: 31px;

    border-left: none;

    background: #D96666;

    overflow: hidden;

    position: relative;

}

ul.tabs li a {

    text-decoration: none;

    color: #000;

    display: block;

    font-size: 1.2em;

    padding: 0 20px;

    outline: none;

}

ul.tabs li a:hover {

    background: #ccc;

}    

html ul.tabs li.active, html ul.tabs li.active a:hover  {

    background: #D35050;

}

.tab_container {

    border-top: none;

    clear: both;

    float: left; 

    width: 56%;

    background: #fff;

    -moz-border-radius-bottomright: 5px;

    -khtml-border-radius-bottomright: 5px;

    -webkit-border-bottom-right-radius: 5px;

    -moz-border-radius-bottomleft: 5px;

    -khtml-border-radius-bottomleft: 5px;

    -webkit-border-bottom-left-radius: 5px;

}

.tab_content {

    padding: 20px;

    font-size: 1.2em;

}

.tab_content h2 {

    font-weight: normal;

    padding-bottom: 10px;

    border-bottom: 1px dashed #ddd;

    font-size: 1.8em;

}

.tab_content h3 a{

    color: #254588;

}

.tab_content img {

    float: left;

    margin: 0 20px 20px 0;

    border: 1px solid #ddd;

    padding: 5px;

}

</style>

<script type="text/javascript"src="{$mybb->settings['bburl']}/images/jquery.js"></script>

<script type="text/javascript">

$(document).ready(function() {

    //Default Action

    $(".tab_content").hide(); //Hide all content

    $("ul.tabs li:first").addClass("active").show(); //Activate first tab

    $(".tab_content:first").show(); //Show first tab content

    //On Click Event

    $("ul.tabs li").click(function() {

        $("ul.tabs li").removeClass("active"); //Remove any "active" class

        $(this).addClass("active"); //Add "active" class to selected tab

        $(".tab_content").hide(); //Hide all tab content

        var activeTab = $(this).find("a").attr("href"); //Find the rel attribute value to identify the active tab + content

        $(activeTab).fadeIn(); //Fade in the active content

        return false;

    });

});

</script>

</head>

<body>

<div class="container">

    <ul class="tabs">

        <li><a href="#tab2">Forum Bilgileri</a></li>

        <li><a href="#tab3">İletişim Bilgileri</a></li>

    </ul>

        <div id="tab2" class="tab_content">

         <div id="links">

            <ul>

            <tr>

<td class="trow1"><strong>{$lang->joined}</strong></td>

<td class="trow1">{$memregdate}</td>

</tr><br />

<tr>

<td class="trow2"><strong>{$lang->lastvisit}</strong></td>

<td class="trow2">{$memlastvisitdate} {$memlastvisittime}</td>

</tr><br />

<tr>

<td class="trow1"><strong>{$lang->total_posts}</strong></td>

<td class="trow1">{$memprofile['postnum']}<br /><span class="smalltext">(<a href="search.php?action=finduserthreads&amp;uid={$uid}">{$lang->find_threads}</a> &mdash; <a href="search.php?action=finduser&amp;uid={$uid}">{$lang->find_posts}</a>)</span></td>

</tr><br />

{$referrals}<br />

{$warning_level}<br />

        </ul>

</div></div></div>

        <div id="tab3" class="tab_content">

           <div id="links">

        <ul>

            </tr>

<tr>

<td class="trow1" width="40%"><strong>{$lang->homepage}</strong></td>

<td class="trow1">{$website}</td>

</tr><br />

<tr>

<td class="{$bgcolors['icq']}"><strong>{$lang->icq_number}</strong></td>

<td class="{$bgcolors['icq']}">{$memprofile['icq']}</td>

</tr><br />

<tr>

<td class="{$bgcolors['aim']}"><strong>{$lang->aim_screenname}</strong></td>

<td class="{$bgcolors['aim']}"><a href="javascript:;" onclick="MyBB.popupWindow('misc.php?action=imcenter&amp;imtype=aim&amp;uid={$uid}', 'imcenter', 450, 300);">{$memprofile['aim']}</a></td>

</tr><br />

<tr>

<td class="{$bgcolors['yahoo']}"><strong>{$lang->yahoo_id}</strong></td>

<td class="{$bgcolors['yahoo']}"><a href="javascript:;" onclick="MyBB.popupWindow('misc.php?action=imcenter&amp;imtype=yahoo&amp;uid={$uid}', 'imcenter', 450, 300);">{$memprofile['yahoo']}</a></td>

</tr><br />

<tr>

<td class="{$bgcolors['msn']}"><strong>{$lang->msn}</strong></td>

<td class="{$bgcolors['msn']}"><a href="javascript:;" onclick="MyBB.popupWindow('misc.php?action=imcenter&amp;imtype=msn&amp;uid={$uid}', 'imcenter', 450, 300);">{$memprofile['msn']}</a></td>

</tr>

        </ul>

</div></div></div>

    </div>

    <div id="bottom">

        <a class="download" href="private.php?action=send&amp;uid={$memprofile['uid']}">Ö.M Gönder</a>

                <a class="download" {$sendemail}</a>

    </div></div></div>

{$footer}

</body>

</html>

Temalar Şablonlar Sağ Ok

Şablonlar

9. Üye Profili Şablonlar Sağ Ok

member_profile_email

Sil Değiştir.

Kod:

<a href="member.php?action=emailuser&amp;uid={$memprofile['uid']}">E-Posta Gönder</a>

Temalar Şablonlar Sağ Ok

Şablonlar

9. Üye Profili Şablonlar Sağ Ok

member_profile_reputation

Sil Değiştir.

Kod:

<center>{$reputation}</center>

Ekran Görüntüleri

[attachment=892]

[attachment=893]

Photos

Tam Boyut Ekran Görüntüleri

resim

[attachment=891]

Mybb Süper Üye Profili - Leviathan - 20-01-2013

Teşekkürler.

Mybb Süper Üye Profili - xpserkan - 20-01-2013

Eline sağlık Burak, yanlız kodlarda fazlalıklar mevcut bilgin olsun..

Fazlalıklar..

Kod:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=windows-1254" />

<title>Profile Widget</title>

</head>

<body>

{$headerinclude} kodu varken üstekilere gerek yok.

Ayrıca bu profil sayfası çok küçük sanki Gülümseme

Mybb Süper Üye Profili - iCarly - 20-01-2013

Ellerinize sağlıkta tam boyutlu resim eklerseniz çok sevinirim Gülümseme

Bu arada bu profili yapınca kapak fotoğrafı falan mı koyabiliyoruz acaba?

Alıntı:Ayrıca bu profil sayfası çok küçük sanki

Ben resim küçük sandım Açık Ağızlı Gülümseme

Gerçek boyut mu öyle?

Cvp: Mybb Süper Üye Profili - ßyßurak - 20-01-2013

(20-01-2013, Saat:19:10)xpserkan Adlı Kullanıcıdan Alıntı: Eline sağlık Burak, yanlız kodlarda fazlalıklar mevcut bilgin olsun..

Fazlalıklar..

Kod:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1254" /> <title>Profile Widget</title> </head> <body>

{$headerinclude} kodu varken üstekilere gerek yok.

Ayrıca bu profil sayfası çok küçük sanki

Bilgilendirme İçin Teşekkürler Bir Kişinin İstediği Üzerine Yaptım Küçüçük Yere Çok Şey Sığdırım :d

Mybb Süper Üye Profili - und106 - 20-01-2013

Teşekkürler şu konuya bakabilirmisiniz yöneticiler http://mybbdepo.com/sitemle-ilgili-bir-sorun-konusu.html

Mybb Süper Üye Profili - Mısırga - 20-01-2013

emeği geçenlere teşekkürler güzel olmuş Gülümseme

Mybb Süper Üye Profili - ßyßurak - 20-01-2013

Orjinal Görünümünü Merak Edenler İçin..

Kod:

http://mybbdepo.com/bu-uye-profilini-forum-uye-profilne-gore-duzenleyebilirmiyiz-konusu.html