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

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

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

Ö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

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