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

smf 2.1 beta 1 için ultimate profil alanı

ilerleyen günlerde farklı görünümler sunulacaktır
bir smf.konusal.com editdir

Teşekkürler sorun vardı düzelmiş.

Önce ilk konudaki paketi indirip kurun




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

Kod Seç Genişlet

.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);
}

bende bu sorun oldu.


http://www.hogwartsturkiye.com/forum/index.php?action=profile;area=summary;u=1

sorun çözüldü galiba

evet çözüldü

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

Bunu bu şekilde yapamazmıyız.

Hakkında

Kod Seç Genişlet

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

Kod Seç Genişlet

// 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>';
}


Bunu bu şekilde yapamazmıyız.

evet yapılabilir ama biraz üstünde uğraşmak lazım