Forumumuza Kayıtlı Kullanıcı Olmadığınız algılandı, Forumuntüm özelliklerini kullanabilmek için buraya tıklayarak ücretsiz üyeolabilirsiniz...
Yetkinforumda Vbulletin Tarzı Menü ve Giriş Kısmı

Türkçe Yardım Forumu Servisi ( www.webyardim.org )

Hoşgeldiniz!, Misafir
3241 Gündür yayındayız Toplam Mesajınız: 16777215
PortalAnasayfaAramaSSSHtml Deneme AlanıTopListKayıt OlGiriş yap
logo
Kullanıcı Adı:
Duyurular!Forumunuzu SekillendirinDiger Sorunlar
Domain
Resimli Çözümler
Hitskin
Blog
Photoshop
Komedi Dükkani
OyunLar DownLoaD Sohbet CaFe A.Ö.F. Destek FlatcasT Yardım

Paylaş | 
 

 Yetkinforumda Vbulletin Tarzı Menü ve Giriş Kısmı

Önceki başlık Sonraki başlık Aşağa gitmek 
YazarMesaj
Açık_Öğretim_2010
Üye
Üye


Erkek
Mesaj Sayısı : 225
Kayıt tarihi : 16/01/09
Rep Puanı : 0
Rep Puanı : 220

MesajKonu: Yetkinforumda Vbulletin Tarzı Menü ve Giriş Kısmı   Cuma Ocak 16, 2009 11:47 pm

Öncelikle kendi menü resimlerinizi aşağıdaki resimler ile değiştiriyorsunuz. Cool

Tabi renk düzenlerini kendinize göre düzenliyorsunuz..

ANASAYFA

https://i78.servimg.com/u/f78/12/38/66/89/anasay11.jpg

ARAMA

https://i78.servimg.com/u/f78/12/38/66/89/arama11.jpg

ÇIKIŞ YAP

https://i78.servimg.com/u/f78/12/38/66/89/aikiaz10.jpg

ESKİ MESAJ

https://i78.servimg.com/u/f78/12/38/66/89/eskame10.jpg

GİRİŞ YAP

https://i78.servimg.com/u/f78/12/38/66/89/garaaz10.jpg

GRUPLAR

https://i78.servimg.com/u/f78/12/38/66/89/grupla11.jpg

KAYIT OL

https://i78.servimg.com/u/f78/12/38/66/89/kayit_10.jpg


ÜYE LİSTESİ

https://i78.servimg.com/u/f78/12/38/66/89/laste10.jpg

YENİ MESAJ

https://i78.servimg.com/u/f78/12/38/66/89/yename12.jpg

-------------------------------------------------------------------------

2- Daha sonra Afiş Asmak >> modeler >> Genel Yönetim

overall_header_new template ni değiştir diyin Cool

-------------------------------------------------------------------------

Şimdi kodun düzenlenmesi kısmını anlatacağım Cool 2. Mesajı okuyun
Sayfa başına dön Aşağa gitmek
Kullanıcı profilini gör
Açık_Öğretim_2010
Üye
Üye


Erkek
Mesaj Sayısı : 225
Kayıt tarihi : 16/01/09
Rep Puanı : 0
Rep Puanı : 220

MesajKonu: Geri: Yetkinforumda Vbulletin Tarzı Menü ve Giriş Kısmı   Cuma Ocak 16, 2009 11:49 pm

Kod:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html
dir="{S_CONTENT_DIRECTION}" id="min-width" lang="{L_LANG_HTML}"
xml:lang="{L_LANG_HTML}" xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>{SITENAME_TITLE}{PAGE_TITLE}</title>
    <meta http-equiv="content-type" content="text/html; charset={S_CONTENT_ENCODING}" />
    <meta http-equiv="content-script-type" content="text/javascript" />
    <meta http-equiv="content-style-type" content="text/css" />
<style type="text/css">
<!--
[b][color=green].button {    background: #0399CC;
    color: #E9F1F3;
    font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}[/color][/b]
[b][color=orange].smallfont {    font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}[/color][/b]
-->
</style>
    {META_FAVICO}
    {META}
    <meta name="title" content="{SITENAME_TITLE}{PAGE_TITLE}" />
    {T_HEAD_STYLESHEET}
    {CSS}
    <!-- BEGIN switch_enable_pm_popup -->
    <script type="text/javascript"><!--
        pm = window.open('{U_PRIVATEMSGS_POPUP}', '_faprivmsg', 'HEIGHT=225,resizable=yes,WIDTH=400');
        pm.focus();
    //-->
    </script>
    <!-- END switch_enable_pm_popup -->
    <!-- BEGIN switch_report_popup -->
    <script type="text/javascript"><!--
report = window.open('{switch_report_popup.U_REPORT_POPUP}',
'_phpbbreport',
'HEIGHT={switch_report_popup.S_HEIGHT},resizable=yes,scrollbars=no,WIDTH={switch_report_popup.S_WIDTH}');
        report.focus();
    //-->
    </script>
    <!-- END switch_report_popup -->
    {GREETING_POPUP}
    <script src="/{JS_DIR}/{L_LANG}.js" type="text/javascript"></script>
    <!-- BEGIN hitskin_preview -->
    <style type="text/css">
    #hitskin_preview {
    margin: 0; padding: 0;
    position: fixed;
    top: 0; left: 0;
    width: 100%;
    height: 65px;
    background: url('http://illiweb.com/fa/hitskin/hitskin_bar.png') repeat-x left -15px;
    color: #fff;
    }

    * html #hitskin_preview { /* Fix for IE6 since it doesn't implement fixed positionning */
        position: absolute;
top:expression(eval(document.compatMode &&
document.compatMode=='CSS1Compat') ? documentElement.scrollTop :
document.body.scrollTop);
        z-index: 2;
        background: transparent url('http://illiweb.com/fa/hitskin/hitskin_bar-ie6.gif') repeat-x left -15px;
    }

    * html { /* Gunlaug's Speed fix for the above positionning fix. Sorry for the fix for the fix */
    background: #fff url(foo) fixed;
    }

    #hitskin_preview h1 {
        float: left;
        margin: 3px 0 0 0;
        padding: 0 0 0 10px;
        font: italic normal 25px Arial,sans serif;
        color: #fff;
    }
    #hitskin_preview h1 img {
        vertical-align: middle;
    }
    #hitskin_preview em {
        color: #7CBA2C;
        font-weight: bold;
    }
    #hitskin_preview a {
    color: #fff;
    }
    #hitskin_preview a:hover {
    text-decoration: underline;
    }

    #hitskin_preview .content {
        text-align: right;
    }

    #hitskin_preview .content p {
        margin: 4px 1em 0px 1em;
        font-size: 13px;
        line-height: 1.8em;
        color: #fff;
        font-weight: bold;
    }
    #hitskin_preview .content p span {
        font-weight: normal;
        font-size: 0.8em;
    }
    body {
        margin-top: 40px !important;
    }
    {hitskin_preview.HITSKIN_RTL_CSS}
    .style1 {
    color: #0399CC;
    font-weight: bold;
    font-size: x-small;
}
    </style>
    <!-- END hitskin_preview -->
</head>
<body
background="{T_BODY_BACKGROUND}" bgcolor="{T_BODY_BGCOLOR}"
text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}">
<!-- BEGIN hitskin_preview -->
<div id="hitskin_preview" style="display: block;">
<h1><img src="http://illiweb.com/fa/hitskin/hitskin_logo.png"
alt="" /> Hit<em>skin</em>.com</h1>
    <div class="content">
        <p>
            {hitskin_preview.L_THEME_SITE_PREVIEW}
            <br />
<span>{hitskin_preview.U_INSTALL_THEME}<a
href="http://{hitskin_preview.U_RETURN_THEME}">{hitskin_preview.L_RETURN_THEME}</a></span>
        </p>
    </div>
</div>
<!-- END hitskin_preview -->
<a name="top"></a>
{JAVAscript}
<table class="bodylinewidth" width="{T_BODY_TABLE_WIDTH}" cellspacing="0" cellpadding="10" border="0" align="center">
    <tr>
        <td class="bodyline">
            <table width="100%" cellspacing="0" cellpadding="0" border="0">
                <tr>
                <!-- BEGIN switch_logo_left -->
<td><a href="{U_INDEX}"><img src="{LOGO}" id="i_logo"
border="0" alt="{L_INDEX}" vspace="1" /></a></td>
<td align="center" width="100%" valign="middle"><div
class="maintitle">{MAIN_SITENAME}</div><br /><span
class="gen"><br /> </span></td>
                <!-- END switch_logo_left -->

                <!-- BEGIN switch_logo_center -->
                    <td align="center" width="100%" valign="middle">
<a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0"
alt="{L_INDEX}" vspace="1" /></a><br />
                        <div class="maintitle">{MAIN_SITENAME}</div><br />
                        <span class="gen"></span>
                  </td>
                <!-- END switch_logo_center -->

                <!-- BEGIN switch_logo_right -->
<td align="center" width="100%" valign="middle"><div
class="maintitle">{MAIN_SITENAME}</div><br /><span
class="gen"><br /> </span></td>
<td><a href="{U_INDEX}"><img src="{LOGO}" id="i_logo"
border="0" alt="{L_INDEX}" vspace="1" /></a></td>
                <!-- END switch_logo_right -->
                </tr>
            </table>

            <div style="clear: both;"></div>
<div id="page-body">
<div id="div" class="no-left">
  <table width="100%" cellpadding="0" cellspacing="0" bgcolor="#0399CC" class="three-col">
    <tbody>
      <tr>
        <td valign="top"></td>
<td height="20" colspan="2" align="{MENU_POSITION}"
bgcolor="#0399CC"><span style="clear:
both;">{GENERATED_NAV_BAR}</span></td>
        </tr>
      <tr>
        <td valign="{MENU_POSITION}"></td>
<td width="100%" height="60" align="{MENU_POSITION}"
background="http://i78.servimg.com/u/f78/12/38/66/89/bg10.jpg"
bgcolor="#FFFFFF" style= background="[b][color=red]http://i78.servimg.com/u/f78/12/38/66/89/bg10.jpg[/color][/b]"><div align="left"><img src="[b][color=brown]http://i78.servimg.com/u/f78/12/38/66/89/logom10.jpg[/color][/b]" alt="logo" width="554" height="60" align="left" /></div></td>
        <td width="100%" height="60" align="{MENU_POSITION}" background="[b][color=red]http://i78.servimg.com/u/f78/12/38/66/89/bg10.jpg[/color][/b]" bgcolor="#FFFFFF"><!-- BEGIN switch_user_logged_in --><img src="[b][color=violet]http://i78.servimg.com/u/f78/12/38/66/89/logo210.jpg[/color][/b]" /><!-- END switch_user_logged_in --><!-- BEGIN switch_user_logged_out -->
          <form action="/login.forum" method="post" name="form_login">
            <table cellpadding="0" cellspacing="3" border="0">
            <tr>
              <td class="smallfont">Kullanıcı ismi</td>
              <td><input type="text" name="username" value="" size="10" maxlength="40" /></td>
              <td class="smallfont" nowrap="nowrap"><label for="cb_cookieuser_navbar"><span class="gen">
              <input type="checkbox" name="autologin"checked="checked" />
</span><acronym style="border-bottom: 1px dotted #000000;
cursor: help;" title="Forumdan çıkış tuşunu kullanarak çıkana kadar,
Forum tarafından otamatikmen tanınmanızı sağlar.">Beni
hatırla</acronym></label></td>
            </tr>
            <tr>
              <td class="smallfont"><label for="navbar_password">Şifreniz</label></td>
              <td><input type="password" name="password" size="10" maxlength="32" /></td>
<td><input name="login" type="submit" class="button"
id="login" accesskey="s" tabindex="104" title="Lütfen öngörülen
bölümlere Kullanıcı isminizi ve Şifrenizi giriniz. Yada 'Kayıt
Ol'-tuşuna tıklayarak Üye olabilirsiniz." value="Giriş" /></td>
            </tr>
          </table>
          </form><!-- END switch_user_logged_out --></td>
      </tr>
      <tr>
        <td valign="top" width="0"></td>
        <td height="20" colspan="2" valign="top" bgcolor="#0399CC"><center>
          <table width="100%" border="0" cellspacing="0">
            <tr>
              <td width="10%"><a class="mainmenu" href="/profile.forum?mode=editprofile"><img src="[b][color=violet]http://i78.servimg.com/u/f78/12/38/66/89/profal10.jpg[/color][/b]"
alt="Profil" name="i_icon_mini_profile" width="80" height="20"
hspace="0" border="0" id="i_icon_mini_profile" title="Profiliniz"
/></a></td>
 <td width="10%"><a
class="mainmenu"
href="/profile.forum?mode=editprofile&page_profil=avatars"><img
src="[b][color=blue]http://i78.servimg.com/u/f78/12/38/66/89/avatar10.jpg[/color][/b]"
alt="Profil" name="i_icon_mini_profile" width="80" height="20"
hspace="0" border="0" id="i_icon_mini_profile" title="Avatar
Ayarlarınız" /></a></td>
 <td width="10%"><a
class="mainmenu"
href="/profile.forum?mode=editprofile&page_profil=signature"><img
src="[b][color=red]http://i78.servimg.com/u/f78/12/38/66/89/imza10.jpg[/color][/b]"
alt="Profil" width="80" height="20" hspace="0" border="0"
id="i_icon_mini_profile" title="Signatür Ayarlarınız"
/></a></td>
              <td width="15%"><a class="mainmenu" href="/search.forum?search_id=newposts"><img src="[b][color=orange]http://i78.servimg.com/u/f78/12/38/66/89/yename10.jpg[/color][/b]"
alt="Profil" width="120" height="20" hspace="0" border="0"
id="i_icon_mini_profile" title="Yeni Mesajlar"
/></a></td>
              <td width="10%"><a class="mainmenu" href="/viewonline.htm"><img src="[b][color=brown]http://i78.servimg.com/u/f78/12/38/66/89/kamler10.jpg[/color][/b]"
alt="Profil" width="120" height="20" hspace="0" border="0"
id="i_icon_mini_profile" title="Kimler Online"
/></a></td>
              <td width="15%"><a class="mainmenu" href="/stats.htm"><img src="[b][color=green]http://i78.servimg.com/u/f78/12/38/66/89/astata10.jpg[/color][/b]" alt="Profil" width="120" height="20" hspace="0" border="0" id="i_icon_mini_profile" title="" /></a></td>
              <td width="10%"><a href="[b][color=red]http://forum.webyardim.org.com/ziyaretci-defteri-h9.htm[/color][/b]"><img src="[b][color=red]http://i78.servimg.com/u/f78/12/38/66/89/z-deft10.jpg[/color][/b]" alt="zdefteri" width="80" height="20" border="0" /></a></td>
            </tr>
          </table>
        </center>
          </td>
        </tr>
    </tbody>
  </table>
</div>
<div style="clear: both;"></div>
<div id="page-body">
<div id="emptyidcc" class="no-left">
<table cellpadding="0" cellspacing="0" width="100%" class="three-col">
            <div style="clear: both;"></div>

            <div id="page-body">
                <div id="{ID_CONTENT_CONTAINER}"{CLASS_CONTENT_CONTAINER}>
                    <table cellpadding="0" cellspacing="0" width="100%" class="three-col"><tbody>
                        <tr>
<td valign="left" width="100%">


Düzenlenmesi

****************************************
#0399CC gördüğünüz yerlerde kendi arkaplan renginizi yani butonlarla aynı renkteki renk tonunu yazmanız gerekiyor Smile

**************************************************
.button { background: #0399CC;
color: #E9F1F3;
font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}


background: #0399CC; >> Giriş yap butonunun arka plan rengini değiştirmeniz için Smile

color: #E9F1F3; >> Giriş yap butonunun üzerindeki yazı rengi Smile

font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; >> Giriş yap yazısının font özelliklerini buradan ayarlıyorsunuz Smile

***************************************************************************

https://i78.servimg.com/u/f78/12/38/66/89/logom10.jpg

buraya yardı.forumotion yazan resim yerine ekleyeceğiniz resmi ekleyebilirsiniz Smile

Resim boyutları 600*60 boyutlarında olması uygundur Smile



*******************************************************
.smallfont { font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}


Giriş yap kısmındaki yazının özelliklerini ayarlamanız için Smile

Renk değiştirmek için

.smallfont { font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
color: #000000;
}

Bu şekilde ekleme yapabilirsiniz Smile

*************************************************

https://i78.servimg.com/u/f78/12/38/66/89/bg10.jpg

yazan yerlere arkaplan resmi ekleyebilirsiniz Smile

bgcolor="#FFFFFF" yazan yerden arkaplan rengini değiştirebilirsiniz Smile

***************************************************************



https://i78.servimg.com/u/f78/12/38/66/89/logo210.jpg

yerine bu forumdaki Foruma Hoşgeldiniz yazan bir resim var oraya gelmesini istediğiniz bir resim urlsi ekleyebilirsiniz Smile Kullanıcı giriş yapınca login kısmının yerine görünecektir Smile

***************************************************

http://forum.webyardim.org/ziyaretci-defteri-h9.htm

yazan yere ziyaretçi defteri linkini ya da sizin ekleyeceğiniz resme vereceğiniz linki yapıştırıyorsunuz Smile

******************************************************

Renkli olan linkleri düzenlemeniz gerekebilir istekleriniz doğrultusunda Smile
Sayfa başına dön Aşağa gitmek
Kullanıcı profilini gör
Blackdream
Yönetici
Yönetici


Erkek
Zodyak : Akrep
Mesaj Sayısı : 55359
Yaş : 28
Nereden : Bursa
İş : Makine Teknikeri
Kayıt tarihi : 24/01/08
Rep Puanı : 28
Rep Puanı : 225365

MesajKonu: Geri: Yetkinforumda Vbulletin Tarzı Menü ve Giriş Kısmı   Cuma Ocak 16, 2009 11:58 pm

paylaşım için tşkrlr

_________________________________________________
Sayfa başına dön Aşağa gitmek
Kullanıcı profilini gör http://www.webyardim.org
Sponsored content




MesajKonu: Geri: Yetkinforumda Vbulletin Tarzı Menü ve Giriş Kısmı   Bugün 8:14 pm

Sayfa başına dön Aşağa gitmek
 

Yetkinforumda Vbulletin Tarzı Menü ve Giriş Kısmı

Önceki başlık Sonraki başlık Sayfa başına dön 
1 sayfadaki 1 sayfası

Bu forumun müsaadesi var:Bu forumdaki mesajlara cevap veremezsiniz
Türkçe Yardım Forumu Servisi ( www.webyardim.org ) :: Destek Forumu :: Forumunuzu Şekillendirin-
Web Site Statistics
Sitemap | İletişim | Yukarı Git
Bedava forum kurmak | © phpBB | Bedava yardımlaşma forumu | Suistimalı göstermek | Yetkinblog