Yuk DAFTAR SEKARANG juga, banyak TUTORIAL MENARIK buat kalian para forumer @2018
Kalian Member Baru, Yuk Perkenalan Dahulu. 1 Member 1 Thread.
Selamat datang di Forum Atlanta~Halo, kalian masih menjadi tamu ya di forum ini ? Kenapa masih jadi tamu ayok ikutan kita gabung di forum ini.
Banyak loh tutorial yang dapat kamu dapatkan di sini, kalian juga bisa tanya-tanya tentang masalah blog/forum kok di sini.
Langsung aja yok daftar kalau kalian belum daftar di sini Register, Kalau sudah punya IDnya langsung aja ya Login

You are not connected. Please login or register

 

Solved: Cara membuat bar seperti di atlanta

Oops! Sepertinya ada sedikit kesalahan ...

[#22124]

Atlanta telah memblok tamu untuk melihat konten yang ada, silahkan mendaftar untuk dapat melihat isi konten kami.


Need Help?

Message (Halaman 1 dari 1)

kodokguel
#1
Solved: Cara membuat bar seperti di atlanta Empty 19/11/2014, 20:58

Level 4
kodokguel

Level 4
[You must be registered and logged in to see this image.]

kasih javascript atau css donk buat 2 bar ini gan..

rey
#2
Solved: Cara membuat bar seperti di atlanta Empty 19/11/2014, 22:24

Staff Manager

rey

Staff Manager
Itu semua dari css gan, bisa kasih link forumnya ?

kodokguel
#3
Solved: Cara membuat bar seperti di atlanta Empty 20/11/2014, 21:16

Level 4
kodokguel

Level 4
rey wrote:Itu semua dari css gan, bisa kasih link forumnya ?
[You must be registered and logged in to see this link.]

rey
#4
Solved: Cara membuat bar seperti di atlanta Empty 21/11/2014, 05:06

Staff Manager

rey

Staff Manager
Ini untuk crumbsnya yang pertama

Code:
.pun-crumbs p {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: url('http://i34.servimg.com/u/f34/16/49/10/98/second10.png') repeat-x scroll 0px 0px #95B0CB;
    border-bottom: 1px solid #869EB6;
    border-color: rgba(0, 0, 0, 0.25) rgba(0, 0, 0, 0.25) #869EB6;
    margin-left: -13px;
    margin-right: -13px;
    margin-top: -3px;
    padding: 10px;
}
.crumbs a:active, .crumbs a:focus, .crumbs a:link, .crumbs a:visited {
    color: #FFF;
    font-size: 11px;
    font-weight: 700;
    text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.3);
}

Kalau yang kedua ini gan, tambahin aja html ini di template agan dimana aja ,mau dihomepage atau di overal header

Code:
<div class="atlanta-ann">Kalian Member Baru, Yuk <a href="http://atlanta.forumid.net/f4-perkenalan" style="color:black !important;">Perkenalan</a> Dahulu. 1 Member 1 Thread.</div><style>.atlanta-ann {
    margin: -8px 9px 8px 8px;
    background-color: #CB0000;
    background-image: url('http://i34.servimg.com/u/f34/16/49/10/98/highli12.png'), url('http://i39.servimg.com/u/f39/16/49/10/98/51962911.png');
    background-position: 0px 0px, 10px -2px;
    background-repeat: repeat-x, no-repeat;
    border: 1px solid #900;
    font-size: 13px;
    font-weight: 700;
    text-align: center;
    text-shadow: 0px -1px 0px rgba(116, 116, 116, 0.3);
    border-radius: 2px;
    clear: both;
    color: #FFF !important;
    padding: 3px;
    line-height: 1.5em;
    font-family: verdana;
    background-size: 0px auto, 30px auto;
}</style>

kodokguel
#5
Solved: Cara membuat bar seperti di atlanta Empty 21/11/2014, 10:01

Level 4
kodokguel

Level 4
rey wrote:Ini untuk crumbsnya yang pertama

Code:
.pun-crumbs p {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: url('http://i34.servimg.com/u/f34/16/49/10/98/second10.png') repeat-x scroll 0px 0px #95B0CB;
    border-bottom: 1px solid #869EB6;
    border-color: rgba(0, 0, 0, 0.25) rgba(0, 0, 0, 0.25) #869EB6;
    margin-left: -13px;
    margin-right: -13px;
    margin-top: -3px;
    padding: 10px;
}
.crumbs a:active, .crumbs a:focus, .crumbs a:link, .crumbs a:visited {
    color: #FFF;
    font-size: 11px;
    font-weight: 700;
    text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.3);
}

Kalau yang kedua ini gan, tambahin aja html ini di template agan dimana aja ,mau dihomepage atau di overal header

Code:
<div class="atlanta-ann">Kalian Member Baru, Yuk <a href="http://atlanta.forumid.net/f4-perkenalan" style="color:black !important;">Perkenalan</a> Dahulu. 1 Member 1 Thread.</div><style>.atlanta-ann {
    margin: -8px 9px 8px 8px;
    background-color: #CB0000;
    background-image: url('http://i34.servimg.com/u/f34/16/49/10/98/highli12.png'), url('http://i39.servimg.com/u/f39/16/49/10/98/51962911.png');
    background-position: 0px 0px, 10px -2px;
    background-repeat: repeat-x, no-repeat;
    border: 1px solid #900;
    font-size: 13px;
    font-weight: 700;
    text-align: center;
    text-shadow: 0px -1px 0px rgba(116, 116, 116, 0.3);
    border-radius: 2px;
    clear: both;
    color: #FFF !important;
    padding: 3px;
    line-height: 1.5em;
    font-family: verdana;
    background-size: 0px auto, 30px auto;
}</style>

crumbs? taruh dmn itu gan? maklum newbie. hehe

rey
#6
Solved: Cara membuat bar seperti di atlanta Empty 21/11/2014, 15:36

Staff Manager

rey

Staff Manager
kodokguel wrote:
rey wrote:Ini untuk crumbsnya yang pertama

Code:
.pun-crumbs p {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: url('http://i34.servimg.com/u/f34/16/49/10/98/second10.png') repeat-x scroll 0px 0px #95B0CB;
    border-bottom: 1px solid #869EB6;
    border-color: rgba(0, 0, 0, 0.25) rgba(0, 0, 0, 0.25) #869EB6;
    margin-left: -13px;
    margin-right: -13px;
    margin-top: -3px;
    padding: 10px;
}
.crumbs a:active, .crumbs a:focus, .crumbs a:link, .crumbs a:visited {
    color: #FFF;
    font-size: 11px;
    font-weight: 700;
    text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.3);
}

Kalau yang kedua ini gan, tambahin aja html ini di template agan dimana aja ,mau dihomepage atau di overal header

Code:
<div class="atlanta-ann">Kalian Member Baru, Yuk <a href="http://atlanta.forumid.net/f4-perkenalan" style="color:black !important;">Perkenalan</a> Dahulu. 1 Member 1 Thread.</div><style>.atlanta-ann {
    margin: -8px 9px 8px 8px;
    background-color: #CB0000;
    background-image: url('http://i34.servimg.com/u/f34/16/49/10/98/highli12.png'), url('http://i39.servimg.com/u/f39/16/49/10/98/51962911.png');
    background-position: 0px 0px, 10px -2px;
    background-repeat: repeat-x, no-repeat;
    border: 1px solid #900;
    font-size: 13px;
    font-weight: 700;
    text-align: center;
    text-shadow: 0px -1px 0px rgba(116, 116, 116, 0.3);
    border-radius: 2px;
    clear: both;
    color: #FFF !important;
    padding: 3px;
    line-height: 1.5em;
    font-family: verdana;
    background-size: 0px auto, 30px auto;
}</style>

crumbs? taruh dmn itu gan? maklum newbie. hehe

yang crumbs itu codenya tinggal masukkin css aja gan Wink

kodokguel
#7
Solved: Cara membuat bar seperti di atlanta Empty 21/11/2014, 15:42

Level 4
kodokguel

Level 4
<div class="atlanta-ann">Kalian Member Baru, Yuk <a href="https://atlanta.forumid.net/f4-perkenalan" style="color:black !important;">Perkenalan</a> Dahulu. 1 Member 1 Thread.</div><style>.atlanta-ann {
    margin: -8px 9px 8px 8px;
    background-color: #CB0000;
    background-image: url('https://i.servimg.com/u/f34/16/49/10/98/highli12.png'), url('https://i.servimg.com/u/f39/16/49/10/98/51962911.png');
    background-position: 0px 0px, 10px -2px;
    background-repeat: repeat-x, no-repeat;
    border: 1px solid #900;
    font-size: 13px;
    font-weight: 700;
    text-align: center;
    text-shadow: 0px -1px 0px rgba(116, 116, 116, 0.3);
    border-radius: 2px;
    clear: both;
    color: #FFF !important;
    padding: 3px;
    line-height: 1.5em;
    font-family: verdana;
    background-size: 0px auto, 30px auto;
}</style>

gk bsa gan, itu sudah ane masukin ke css
trus yg bawah ane mskin ke paling bawah sebelum </body> </html>

rey
#8
Solved: Cara membuat bar seperti di atlanta Empty 21/11/2014, 15:54

Staff Manager

rey

Staff Manager
kodokguel wrote:
<div class="atlanta-ann">Kalian Member Baru, Yuk <a href="https://atlanta.forumid.net/f4-perkenalan" style="color:black !important;">Perkenalan</a> Dahulu. 1 Member 1 Thread.</div><style>.atlanta-ann {
    margin: -8px 9px 8px 8px;
    background-color: #CB0000;
    background-image: url('https://i.servimg.com/u/f34/16/49/10/98/highli12.png'), url('https://i.servimg.com/u/f39/16/49/10/98/51962911.png');
    background-position: 0px 0px, 10px -2px;
    background-repeat: repeat-x, no-repeat;
    border: 1px solid #900;
    font-size: 13px;
    font-weight: 700;
    text-align: center;
    text-shadow: 0px -1px 0px rgba(116, 116, 116, 0.3);
    border-radius: 2px;
    clear: both;
    color: #FFF !important;
    padding: 3px;
    line-height: 1.5em;
    font-family: verdana;
    background-size: 0px auto, 30px auto;
}</style>

gk bsa gan, itu sudah ane masukin ke css
trus yg bawah ane mskin ke paling bawah sebelum </body> </html>
kodokguel wrote:
<div class="atlanta-ann">Kalian Member Baru, Yuk <a href="https://atlanta.forumid.net/f4-perkenalan" style="color:black !important;">Perkenalan</a> Dahulu. 1 Member 1 Thread.</div><style>.atlanta-ann {
    margin: -8px 9px 8px 8px;
    background-color: #CB0000;
    background-image: url('https://i.servimg.com/u/f34/16/49/10/98/highli12.png'), url('https://i.servimg.com/u/f39/16/49/10/98/51962911.png');
    background-position: 0px 0px, 10px -2px;
    background-repeat: repeat-x, no-repeat;
    border: 1px solid #900;
    font-size: 13px;
    font-weight: 700;
    text-align: center;
    text-shadow: 0px -1px 0px rgba(116, 116, 116, 0.3);
    border-radius: 2px;
    clear: both;
    color: #FFF !important;
    padding: 3px;
    line-height: 1.5em;
    font-family: verdana;
    background-size: 0px auto, 30px auto;
}</style>

gk bsa gan, itu sudah ane masukin ke css
trus yg bawah ane mskin ke paling bawah sebelum </body> </html>

Itu crumbsnya gak ada ya di forumnya ?

yang bawah coba masukkin di bagian overal header di atas <div id="page-body">

tommycoo
#9
Solved: Cara membuat bar seperti di atlanta Empty 28/11/2014, 05:23

Owner of Atlanta

tommycoo

Owner of Atlanta
Solved and archives > Forumotion

[You must be registered and logged in to see this image.] Dipindahkan ke: Forumotion Archives

Sponsored content
#10
Solved: Cara membuat bar seperti di atlanta Empty 


Message (Halaman 1 dari 1)

Share This Topic !

URL :
BBcode :
HTML :

Permissions in this forum:
Anda tidak dapat menjawab topik

Total Posts Total Threads Total Members Newest Member29 November 2014 Date of Establishment of the Forum

Total 0 user online :: 0 Terdaftar, 0 Tersembunyi dan 0 Tamu

Total 0 user online :: 0 Terdaftar, 0 Tersembunyi dan 0 Tamu (Lihat list online)


User yang sedang berada di forum ini: Tidak ada