Reseller Tema Modifikasyonları

0 Üye ve 1 Ziyaretçi konuyu incelemekte.

Çevrimiçi D®agon

  • Ezberletmez Öğretir
  • *******
  • Join Date: Mar 2008
  • Yer: Ankara
  • 11650
  • +524/-0
  • Cinsiyet: Bay
    • Arif Hocam
Reseller Tema Modifikasyonları
« : 27 Kasım 2017, 13:17:49 »
Sitemizde kullanılan Reseller temanın modifiye hallerini sizinle paylaşmak istiyorum.

[color=orange][size=14pt][b]Scroll down (Yukarı tuşu) eklemek:[/b][/size][/color]

[b]Index.template.php[/b]
Ara:
[code]// Show right to left and the character set for ease of translating.
echo '<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"', $context['right_to_left'] ? ' dir="rtl"' : '', '>
<head>
<link rel="stylesheet" type="text/css" href="', $settings['theme_url'], '/css/bootstrap.css" />
<link rel="stylesheet" type="text/css" href="', $settings['theme_url'], '/css/reseller.css" />
<link rel="stylesheet" type="text/css" href="', $settings['theme_url'], '/css/index', $context['theme_variant'], '.css?fin20" />';
[/code]

Aşağıdaki kod ile Değiştirin:
[code]// Show right to left and the character set for ease of translating.
echo '<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"', $context['right_to_left'] ? ' dir="rtl"' : '', '>
<head>
<link rel="stylesheet" type="text/css" href="', $settings['theme_url'], '/css/bootstrap.css" />
<link rel="stylesheet" type="text/css" href="', $settings['theme_url'], '/css/reseller.css" />
<link href="//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="', $settings['theme_url'], '/css/index', $context['theme_variant'], '.css?fin20" />';[/code]


Ara:
[code]<script type="text/javascript">
$(document).ready(function(){
var previousScroll = 0, headerOrgOffset = $("nav").height();
$(window).scroll(function () {
    var currentScroll = $(this).scrollTop();
    if (currentScroll > headerOrgOffset) {
        if (currentScroll > previousScroll) {
            $("nav").fadeOut();
        } else {
            $("nav").fadeIn();
        }
    } else {
            $("nav").fadeIn();
    }
    previousScroll = currentScroll;
});
$("input[type=button]").attr("class", "btn btn-default btn-sm");
$(".button_submit").attr("class", "btn btn-primary btn-sm");
$("#advanced_search input[type=\'text\'], #search_term_input input[type=\'text\']").removeAttr("size");
$(".table_grid").attr("class", "table table-striped");
$("img[alt=\'', $txt['new'], '\'], img.new_posts").replaceWith("<span class=\'label label-warning\'>', $txt['new'], '</span>");
$("#profile_success").removeAttr("id").removeClass("windowbg").addClass("alert alert-success");
$("#profile_error").removeAttr("id").removeClass("windowbg").addClass("alert alert-danger");
});
</script>[/code]


Aşağıdaki kod ile Değiştirin:
[code]<script type="text/javascript">
$(document).ready(function(){
var previousScroll = 0, headerOrgOffset = $("nav").height();
$(window).scroll(function () {
    var currentScroll = $(this).scrollTop();
    if (currentScroll > headerOrgOffset) {
        if (currentScroll > previousScroll) {
            $("nav").fadeOut();
        } else {
            $("nav").fadeIn();
        }
    } else {
            $("nav").fadeIn();
    }
    previousScroll = currentScroll;
});
$(window).scroll(function() {
    if ($(this).scrollTop() >= 50) {        // If page is scrolled more than 50px
        $("#return-to-top").fadeIn(200);    // Fade in the arrow
    } else {
        $("#return-to-top").fadeOut(200);  // Else fade out the arrow
    }
});
$("#return-to-top").click(function() {      // When arrow is clicked
    $("body,html").animate({
        scrollTop : 0                      // Scroll to top of body
    }, 500);
});
$("input[type=button]").attr("class", "btn btn-default btn-sm");
$(".button_submit").attr("class", "btn btn-primary btn-sm");
$("#advanced_search input[type=\'text\'], #search_term_input input[type=\'text\']").removeAttr("size");
$(".table_grid").attr("class", "table table-striped");
$("img[alt=\'', $txt['new'], '\'], img.new_posts").replaceWith("<span class=\'label label-warning\'>', $txt['new'], '</span>");
$("#profile_success").removeAttr("id").removeClass("windowbg").addClass("alert alert-success");
$("#profile_error").removeAttr("id").removeClass("windowbg").addClass("alert alert-danger");
});
</script>[/code]


Ara:
[code] <footer>[/code]


Aşağıdaki kod ile Değiştirin:
[code]<a href="javascript:" id="return-to-top"><i class="icon-chevron-up"></i></a>
<footer>[/code]

[b]Reseller.css[/b]
Sonuna kadar ekleyin:

[code]#return-to-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    background: rgb(0, 0, 0);
    background: rgba(0, 0, 0, 0.7);
    width: 50px;
    height: 50px;
    display: block;
    text-decoration: none;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    border-radius: 35px;
    display: none;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
#return-to-top i {
    color: #fff;
    margin: 0;
    position: relative;
    left: 16px;
    top: 13px;
    font-size: 19px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
#return-to-top:hover {
    background: rgba(0, 0, 0, 0.9);
}
#return-to-top:hover i {
    color: #fff;
    top: 5px;
}
[/code]


[color=orange][size=14pt][b]Avatarın çok büyük olduğunu söyleyenler bunu yapsın:[/b][/size][/color]

Index.css
Ara ve sil:
[code].poster li.avatar img
{
width: 100%;
}
[/code]

[color=orange][size=14pt][b]Mavi arka planı değiştirmek ister misiniz?[/b][/size][/color]

Ara Reseller.css:

[code]header
{
background: #3498db;
box-shadow: 0 -3px #9fc6e0 inset;
padding: 20px 0;
}[/code]

[color=orange][size=14pt][b]Sayfanın alt kısmına bir Google + simgesi eklemenin yolu:[/b][/size][/color]
index.template.php (Themes/Reseller)
Ara:
[code]if(!empty($settings['youtube_check']))
echo'
<a href="', !empty($settings['youtube_text']) ? $settings['youtube_text'] : 'http://www.youtube.com' ,'"><img src="', $settings['images_url'], '/social_icons/youtube.png" alt="', $txt['rs_youtube'], '" /></a>';[/code]

Aşağıdaki Kod ile Değiştirin:
[code]if(!empty($settings['youtube_check']))
echo'
<a href="', !empty($settings['youtube_text']) ? $settings['youtube_text'] : 'http://www.youtube.com' ,'"><img src="', $settings['images_url'], '/social_icons/youtube.png" alt="', $txt['rs_youtube'], '" /></a>';
if(!empty($settings['google_check']))
echo'
<a href="', !empty($settings['google_text']) ? $settings['google_text'] : 'http://www.google.com' ,'"><img src="', $settings['images_url'], '/social_icons/google.png" alt="', $txt['rs_google'], '" /></a>';[/code]


Settings.template.php (Themes/Reseller)
Ara:
[code]array(
'id' => 'youtube_check',
'label' => $txt['youtube_check'],
),
array(
'id' => 'youtube_text',
'label' => $txt['youtube_text'],
'type' => 'text',
),
[/code]

Aşağıdaki Kod ile Değiştirin:
[code]array(
'id' => 'youtube_check',
'label' => $txt['youtube_check'],
),
array(
'id' => 'youtube_text',
'label' => $txt['youtube_text'],
'type' => 'text',
),
array(
'id' => 'google_check',
'label' => $txt['google_check'],
),
array(
'id' => 'google_text',
'label' => $txt['google_text'],
'type' => 'text',
),
[/code]

ThemeStrings.english.php (Themes/Reseller/languages)
Bul:
[code]?>[/code]

Öncesine Ekle :
[code]$txt['rs_google'] = 'google +';
$txt['google_check'] = 'Enable icon of google +';
$txt['google_text'] = 'URL of the page to google +';[/code]