01 Ağu 2021 05:17 Yeni Konu Oluştur

Haberler:

Sitemiz Smf 2.1 ve Smf 2.0 sürümleri için Destek ve Tema paylaşım forumudur


smf 2.1 ultimate profil alanı (teknoromi ultimate profil alanı)

Başlatan snrj, 01 Ara 2014 20:03

« önceki - sonraki »

0 Üyeler ve 1 Ziyaretçi konuyu incelemekte.

*

  1. 3,096

  2. 585

  3. 985

smf 2.1 beta 1 için ultimate profil alanı
[IMG]http://i.imgur.com/1txHyR7.png[/img]
ilerleyen günlerde farklı görünümler sunulacaktır
bir smf.konusal.com editdir



  1. 632

  2. 251

*

  1. 3,096

  2. 585

  3. 985
Önce ilk konudaki paketi indirip kurun

[IMG]http://i.imgur.com/oA9DuQS.png[/img]


sonra ekteki UltimateProfile.template.php dosyasını default temanızın içine atın

temanızın index.css dosyasında en alta ekleyin
.ultimateultimatetab {
    position: relative;
}

.ultimateultimatetab input {
position: absolute;
z-index: 1000;
width: 120px;
height: 40px;
left: 0px;
top: 0px;
opacity: 0;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
cursor: pointer;
}
.ultimateultimatetab input#ultimatetab-2{
left: 120px;
}
.ultimateultimatetab input#ultimatetab-3{
left: 240px;
}
.ultimateultimatetab input#ultimatetab-4{
left: 360px;
}
.ultimateultimatetab input#ultimatetab-5{
left: 480px;
}
.ultimateultimatetab input#ultimatetab-6{
left: 600px;
}
.ultimateultimatetab label {
background: #557ea0;
font-size: 9px;
line-height: 40px;
height: 40px;
position: relative;
padding: 0px 20px;
width: 80px;
font-weight: bold;
box-shadow: 2px 0px 2px rgba(0, 0, 0, 0.1), -2px 0px 2px rgba(0, 0, 0, 0.1);
border-radius: 3px 3px 0px 0px;
text-align: center;
float: left;
display: block;
}

.ultimateultimatetab label:after {
    ultimatecontent: '';
background: #fff;
position: absolute;
bottom: -2px;
left: 0;
width: 100%;
height: 2px;
display: block;
}

.ultimateultimatetab input:hover + label {
background: #1F91F4;
}

.ultimateultimatetab label:first-of-type {
    z-index: 4;
    box-shadow: 2px 0 2px rgba(0,0,0,0.1);
}

.ultimatetab-label-2 {
    z-index: 5;
}

.ultimatetab-label-3 {
    z-index: 4;
}

.ultimatetab-label-4 {
    z-index: 3;
}
.ultimatetab-label-5 {
    z-index: 2;
}
.ultimatetab-label-6 {
    z-index: 1;
}
.ultimateultimatetab input:checked + label {
    background: #fff;
z-index: 7;
}

.clear-shadow {
clear: both;
}

.ultimatecontent {
    background: #fff;
position: relative;
    width: 100%;
min-height: 630px; display:block;
z-index: 5;
    box-shadow: 0 -2px 3px -2px rgba(0,0,0,0.2), 0 2px 2px rgba(0,0,0,0.1);
    border-radius: 0 3px 3px 3px;
}

.ultimatecontent dl {
    position: absolute;
top: 0;
left: 0;
padding: 10px 40px;
z-index: 1;
    opacity: 0;
width: 100%;height: 100%;
    -webkit-transition: opacity linear 0.1s;
    -moz-transition: opacity linear 0.1s;
    -o-transition: opacity linear 0.1s;
    -ms-transition: opacity linear 0.1s;
    transition: opacity linear 0.1s;
}

.ultimateultimatetab input.ultimatetab-selector-1:checked ~ .ultimatecontent .ultimatecontent-1,
.ultimateultimatetab input.ultimatetab-selector-2:checked ~ .ultimatecontent .ultimatecontent-2,
.ultimateultimatetab input.ultimatetab-selector-3:checked ~ .ultimatecontent .ultimatecontent-3,
.ultimateultimatetab input.ultimatetab-selector-4:checked ~ .ultimatecontent .ultimatecontent-4,
.ultimateultimatetab input.ultimatetab-selector-5:checked ~ .ultimatecontent .ultimatecontent-5,
.ultimateultimatetab input.ultimatetab-selector-6:checked ~ .ultimatecontent .ultimatecontent-6 {
z-index: 100;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;

    -webkit-transition: opacity ease-out 0.2s 0.1s;
    -moz-transition: opacity ease-out 0.2s 0.1s;
    -o-transition: opacity ease-out 0.2s 0.1s;
    -ms-transition: opacity ease-out 0.2s 0.1s;
    transition: opacity ease-out 0.2s 0.1s;
}

.ultimatecontent dl p {
font-size: 14px;
line-height: 22px;
font-style: italic;
text-align: left;
margin: 0;
color: #777;
padding-left: 15px;
font-family: Cambria, Georgia, serif;
border-left: 8px solid rgba(63,148,148, 0.1);
}



  1. 632

  2. 251

*

  1. 3,096

  2. 585

  3. 985




  1. 632

  2. 251
Kullanıcı hakkındaki bölümün içine özel profil alanlarını alabilirmiyim



  1. 632

  2. 251

Bunu bu şekilde yapamazmıyız.



  1. 632

  2. 251
Hakkında

function up_block_about_me() {
global $txt, $context;

echo '<dl class="ultimatecontent-3">
<div id="up_about_me">
<div class="cat_bar"><h3 class="catbg">
<span class="left"></span>
', $txt['profile_about_me'] ,'
</h3></div>
<div class="windowbg creator">
<span class="topslice"><span></span></span>
<div class="content">';

if (!empty($context['member']['options']['about']))
echo '
', parse_bbc ($context['member']['options']['about']);
else
echo '
', $txt['profile_about_no'];
echo '
</div>
<span class="botslice"><span></span></span>
</div>
</div></dl>';

return true;
}





Custom Field


// Any custom fields for standard placement?
if (!empty($context['custom_fields']))
{
$shown = false;
foreach ($context['custom_fields'] as $field)
{
if ($field['placement'] != 0 || empty($field['output_html']))
continue;

if (empty($shown))
{
echo '
<dl>';
$shown = true;
}

echo '
<dt><strong>', $field['name'], ':</strong></dt>
<dd>', $field['output_html'], '</dd>';
}

if (!empty($shown))
echo '
</dl>';
}


// Are there any custom profile fields for the summary?
if (!empty($context['custom_fields']))
{
$shown = false;
foreach ($context['custom_fields'] as $field)
{
if ($field['placement'] != 2 || empty($field['output_html']))
continue;

if (empty($shown))
{
echo '
<dl>';
$shown = true;
}

echo '
<dt><strong>', $field['name'], ':</strong></dt>
<dd>', $field['output_html'], '</dd>';
}

if (!empty($shown))
echo '
</dl>';
}

*

  1. 3,096

  2. 585

  3. 985


MENU ×