- Beranda
- Komunitas
- Tech
- Programmer Forum
[ASK] cara menengahkan dan mengsinkronkan template dengan layar
TS
FajarTom
[ASK] cara menengahkan dan mengsinkronkan template dengan layar
Selamat siang mastah mastah..
Ane baru belajar bikin template gan di photoshop..
alhamdulillah lancar gan..
tapi ada kendala gan..
jadi pas udah ane save as for web dan ane jalanin dia itu alingnya ke kiri gan..
ane udah coba coba ane kasih table sama align center gan tapi tetep gan.. nah lcd ane kan 17" itu pas dijalankan miring ke kiri ane coba zoom in jadi center terus ane zoom out terus tambah kekiri.. nah ane mau tanya gan.. gimana ya caranya biar posisinya (alignnya) selalu ketengah walau di lcd manapun.. kaya website/blog" yg lain gan
ini gan scriptnya :
Ane baru belajar bikin template gan di photoshop..
alhamdulillah lancar gan..
tapi ada kendala gan..
jadi pas udah ane save as for web dan ane jalanin dia itu alingnya ke kiri gan..
ane udah coba coba ane kasih table sama align center gan tapi tetep gan.. nah lcd ane kan 17" itu pas dijalankan miring ke kiri ane coba zoom in jadi center terus ane zoom out terus tambah kekiri.. nah ane mau tanya gan.. gimana ya caranya biar posisinya (alignnya) selalu ketengah walau di lcd manapun.. kaya website/blog" yg lain gan
ini gan scriptnya :
Spoiler for SCRIPT TEMPLATE:
<HTML>
<HEAD>
<TITLE>baru</TITLE>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1">
<!-- ImageReady Styles (baru.psd) -->
<STYLE TYPE="text/css">
<!--
#bismillah-01 {
position:absolute;
left:0px;
top:0px;
width:900px;
height:20px;
}
#bismillah-02 {
position:absolute;
left:0px;
top:20px;
width:50px;
height:1180px;
}
#bismillah-03 {
position:absolute;
left:50px;
top:20px;
width:8px;
height:1056px;
}
#bismillah-04 {
position:absolute;
left:58px;
top:20px;
width:788px;
height:203px;
}
#bismillah-05 {
position:absolute;
left:846px;
top:20px;
width:54px;
height:203px;
}
#bismillah-06 {
position:absolute;
left:58px;
top:223px;
width:842px;
height:12px;
}
#bismillah-07 {
position:absolute;
left:58px;
top:235px;
width:788px;
height:41px;
}
#bismillah-08 {
position:absolute;
left:846px;
top:235px;
width:54px;
height:50px;
}
#bismillah-09 {
position:absolute;
left:58px;
top:276px;
width:788px;
height:9px;
}
#bismillah-10 {
position:absolute;
left:58px;
top:285px;
width:204px;
height:53px;
}
#bismillah-11 {
position:absolute;
left:262px;
top:285px;
width:25px;
height:853px;
}
#bismillah-12 {
position:absolute;
left:287px;
top:285px;
width:565px;
height:853px;
}
#bismillah-13 {
position:absolute;
left:852px;
top:285px;
width:48px;
height:915px;
}
#bismillah-14 {
position:absolute;
left:58px;
top:338px;
width:3px;
height:738px;
}
#bismillah-15 {
position:absolute;
left:61px;
top:338px;
width:201px;
height:187px;
}
#bismillah-16 {
position:absolute;
left:61px;
top:525px;
width:201px;
height:71px;
}
#bismillah-17 {
position:absolute;
left:61px;
top:596px;
width:82px;
height:3px;
}
#bismillah-18 {
position:absolute;
left:143px;
top:596px;
width:40px;
height:38px;
}
#bismillah-19 {
position:absolute;
left:183px;
top:596px;
width:9px;
height:388px;
}
#bismillah-20 {
position:absolute;
left:192px;
top:596px;
width:41px;
height:38px;
}
#bismillah-21 {
position:absolute;
left:233px;
top:596px;
width:29px;
height:388px;
}
#bismillah-22 {
position:absolute;
left:61px;
top:599px;
width:32px;
height:477px;
}
#bismillah-23 {
position:absolute;
left:93px;
top:599px;
width:42px;
height:32px;
}
#bismillah-24 {
position:absolute;
left:135px;
top:599px;
width:8px;
height:385px;
}
#bismillah-25 {
position:absolute;
left:93px;
top:631px;
width:42px;
height:11px;
}
#bismillah-26 {
position:absolute;
left:143px;
top:634px;
width:40px;
height:350px;
}
#bismillah-27 {
position:absolute;
left:192px;
top:634px;
width:41px;
height:350px;
}
#bismillah-28 {
position:absolute;
left:93px;
top:642px;
width:42px;
height:34px;
}
#bismillah-29 {
position:absolute;
left:93px;
top:676px;
width:42px;
height:308px;
}
#bismillah-30 {
position:absolute;
left:93px;
top:984px;
width:24px;
height:48px;
}
#bismillah-31 {
position:absolute;
left:117px;
top:984px;
width:124px;
height:23px;
}
#bismillah-32 {
position:absolute;
left:241px;
top:984px;
width:21px;
height:92px;
}
#bismillah-33 {
position:absolute;
left:117px;
top:1007px;
width:124px;
height:25px;
}
#bismillah-34 {
position:absolute;
left:93px;
top:1032px;
width:12px;
height:44px;
}
#bismillah-35 {
position:absolute;
left:105px;
top:1032px;
width:136px;
height:31px;
}
#bismillah-36 {
position:absolute;
left:105px;
top:1063px;
width:136px;
height:13px;
}
#bismillah-37 {
position:absolute;
left:50px;
top:1076px;
width:212px;
height:62px;
}
#bismillah-38 {
position:absolute;
left:50px;
top:1138px;
width:4px;
height:62px;
}
#bismillah-39 {
position:absolute;
left:54px;
top:1138px;
width:798px;
height:62px;
}
-->
</STYLE>
<!-- End ImageReady Styles -->
</HEAD>
<BODY STYLE="background-color:#FFFFFF; margin-top: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px;">
<!-- ImageReady Slices (baru.psd) -->
<DIV ID="bismillah-01">
<IMG SRC="images/bismillah_01.jpg" ALT="">
</DIV>
<DIV ID="bismillah-02">
<IMG SRC="images/bismillah_02.jpg" ALT="">
</DIV>
<DIV ID="bismillah-03">
<IMG SRC="images/bismillah_03.jpg" ALT="">
</DIV>
<DIV ID="bismillah-04">
<IMG SRC="images/bismillah_04.jpg" ALT="">
</DIV>
<DIV ID="bismillah-05">
<IMG SRC="images/bismillah_05.jpg" ALT="">
</DIV>
<DIV ID="bismillah-06">
<IMG SRC="images/bismillah_06.jpg" ALT="">
</DIV>
<DIV ID="bismillah-07">
<IMG SRC="images/bismillah_07.jpg" ALT="">
</DIV>
<DIV ID="bismillah-08">
<IMG SRC="images/bismillah_08.jpg" ALT="">
</DIV>
<DIV ID="bismillah-09">
<IMG SRC="images/bismillah_09.jpg" ALT="">
</DIV>
<DIV ID="bismillah-10">
<IMG SRC="images/bismillah_10.jpg" ALT="">
</DIV>
<DIV ID="bismillah-11">
<IMG SRC="images/bismillah_11.jpg" ALT="">
</DIV>
<DIV ID="bismillah-12">
<IMG SRC="images/bismillah_12.jpg" ALT="">
</DIV>
<DIV ID="bismillah-13">
<IMG SRC="images/bismillah_13.jpg" ALT="">
</DIV>
<DIV ID="bismillah-14">
<IMG SRC="images/bismillah_14.jpg" ALT="">
</DIV>
<DIV ID="bismillah-15">
<IMG SRC="images/bismillah_15.jpg" ALT="">
</DIV>
<DIV ID="bismillah-16">
<IMG SRC="images/bismillah_16.jpg" ALT="">
</DIV>
<DIV ID="bismillah-17">
<IMG SRC="images/bismillah_17.jpg" ALT="">
</DIV>
<DIV ID="bismillah-18">
<IMG SRC="images/bismillah_18.jpg" ALT="">
</DIV>
<DIV ID="bismillah-19">
<IMG SRC="images/bismillah_19.jpg" ALT="">
</DIV>
<DIV ID="bismillah-20">
<IMG SRC="images/bismillah_20.jpg" ALT="">
</DIV>
<DIV ID="bismillah-21">
<IMG SRC="images/bismillah_21.jpg" ALT="">
</DIV>
<DIV ID="bismillah-22">
<IMG SRC="images/bismillah_22.jpg" ALT="">
</DIV>
<DIV ID="bismillah-23">
<IMG SRC="images/bismillah_23.jpg" ALT="">
</DIV>
<DIV ID="bismillah-24">
<IMG SRC="images/bismillah_24.jpg" ALT="">
</DIV>
<DIV ID="bismillah-25">
<IMG SRC="images/bismillah_25.jpg" ALT="">
</DIV>
<DIV ID="bismillah-26">
<IMG SRC="images/bismillah_26.jpg" ALT="">
</DIV>
<DIV ID="bismillah-27">
<IMG SRC="images/bismillah_27.jpg" ALT="">
</DIV>
<DIV ID="bismillah-28">
<IMG SRC="images/bismillah_28.jpg" ALT="">
</DIV>
<DIV ID="bismillah-29">
<IMG SRC="images/bismillah_29.jpg" ALT="">
</DIV>
<DIV ID="bismillah-30">
<IMG SRC="images/bismillah_30.jpg" ALT="">
</DIV>
<DIV ID="bismillah-31">
<IMG SRC="images/bismillah_31.jpg" ALT="">
</DIV>
<DIV ID="bismillah-32">
<IMG SRC="images/bismillah_32.jpg" ALT="">
</DIV>
<DIV ID="bismillah-33">
<IMG SRC="images/bismillah_33.jpg" ALT="">
</DIV>
<DIV ID="bismillah-34">
<IMG SRC="images/bismillah_34.jpg" ALT="">
</DIV>
<DIV ID="bismillah-35">
<IMG SRC="images/bismillah_35.jpg" ALT="">
</DIV>
<DIV ID="bismillah-36">
<IMG SRC="images/bismillah_36.jpg" ALT="">
</DIV>
<DIV ID="bismillah-37">
<IMG SRC="images/bismillah_37.jpg" ALT="">
</DIV>
<DIV ID="bismillah-38">
<IMG SRC="images/bismillah_38.jpg" ALT="">
</DIV>
<DIV ID="bismillah-39">
<IMG SRC="images/bismillah_39.jpg" ALT="">
</DIV>
<!-- End ImageReady Slices -->
</BODY>
</HTML>
<HEAD>
<TITLE>baru</TITLE>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1">
<!-- ImageReady Styles (baru.psd) -->
<STYLE TYPE="text/css">
<!--
#bismillah-01 {
position:absolute;
left:0px;
top:0px;
width:900px;
height:20px;
}
#bismillah-02 {
position:absolute;
left:0px;
top:20px;
width:50px;
height:1180px;
}
#bismillah-03 {
position:absolute;
left:50px;
top:20px;
width:8px;
height:1056px;
}
#bismillah-04 {
position:absolute;
left:58px;
top:20px;
width:788px;
height:203px;
}
#bismillah-05 {
position:absolute;
left:846px;
top:20px;
width:54px;
height:203px;
}
#bismillah-06 {
position:absolute;
left:58px;
top:223px;
width:842px;
height:12px;
}
#bismillah-07 {
position:absolute;
left:58px;
top:235px;
width:788px;
height:41px;
}
#bismillah-08 {
position:absolute;
left:846px;
top:235px;
width:54px;
height:50px;
}
#bismillah-09 {
position:absolute;
left:58px;
top:276px;
width:788px;
height:9px;
}
#bismillah-10 {
position:absolute;
left:58px;
top:285px;
width:204px;
height:53px;
}
#bismillah-11 {
position:absolute;
left:262px;
top:285px;
width:25px;
height:853px;
}
#bismillah-12 {
position:absolute;
left:287px;
top:285px;
width:565px;
height:853px;
}
#bismillah-13 {
position:absolute;
left:852px;
top:285px;
width:48px;
height:915px;
}
#bismillah-14 {
position:absolute;
left:58px;
top:338px;
width:3px;
height:738px;
}
#bismillah-15 {
position:absolute;
left:61px;
top:338px;
width:201px;
height:187px;
}
#bismillah-16 {
position:absolute;
left:61px;
top:525px;
width:201px;
height:71px;
}
#bismillah-17 {
position:absolute;
left:61px;
top:596px;
width:82px;
height:3px;
}
#bismillah-18 {
position:absolute;
left:143px;
top:596px;
width:40px;
height:38px;
}
#bismillah-19 {
position:absolute;
left:183px;
top:596px;
width:9px;
height:388px;
}
#bismillah-20 {
position:absolute;
left:192px;
top:596px;
width:41px;
height:38px;
}
#bismillah-21 {
position:absolute;
left:233px;
top:596px;
width:29px;
height:388px;
}
#bismillah-22 {
position:absolute;
left:61px;
top:599px;
width:32px;
height:477px;
}
#bismillah-23 {
position:absolute;
left:93px;
top:599px;
width:42px;
height:32px;
}
#bismillah-24 {
position:absolute;
left:135px;
top:599px;
width:8px;
height:385px;
}
#bismillah-25 {
position:absolute;
left:93px;
top:631px;
width:42px;
height:11px;
}
#bismillah-26 {
position:absolute;
left:143px;
top:634px;
width:40px;
height:350px;
}
#bismillah-27 {
position:absolute;
left:192px;
top:634px;
width:41px;
height:350px;
}
#bismillah-28 {
position:absolute;
left:93px;
top:642px;
width:42px;
height:34px;
}
#bismillah-29 {
position:absolute;
left:93px;
top:676px;
width:42px;
height:308px;
}
#bismillah-30 {
position:absolute;
left:93px;
top:984px;
width:24px;
height:48px;
}
#bismillah-31 {
position:absolute;
left:117px;
top:984px;
width:124px;
height:23px;
}
#bismillah-32 {
position:absolute;
left:241px;
top:984px;
width:21px;
height:92px;
}
#bismillah-33 {
position:absolute;
left:117px;
top:1007px;
width:124px;
height:25px;
}
#bismillah-34 {
position:absolute;
left:93px;
top:1032px;
width:12px;
height:44px;
}
#bismillah-35 {
position:absolute;
left:105px;
top:1032px;
width:136px;
height:31px;
}
#bismillah-36 {
position:absolute;
left:105px;
top:1063px;
width:136px;
height:13px;
}
#bismillah-37 {
position:absolute;
left:50px;
top:1076px;
width:212px;
height:62px;
}
#bismillah-38 {
position:absolute;
left:50px;
top:1138px;
width:4px;
height:62px;
}
#bismillah-39 {
position:absolute;
left:54px;
top:1138px;
width:798px;
height:62px;
}
-->
</STYLE>
<!-- End ImageReady Styles -->
</HEAD>
<BODY STYLE="background-color:#FFFFFF; margin-top: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px;">
<!-- ImageReady Slices (baru.psd) -->
<DIV ID="bismillah-01">
<IMG SRC="images/bismillah_01.jpg" ALT="">
</DIV>
<DIV ID="bismillah-02">
<IMG SRC="images/bismillah_02.jpg" ALT="">
</DIV>
<DIV ID="bismillah-03">
<IMG SRC="images/bismillah_03.jpg" ALT="">
</DIV>
<DIV ID="bismillah-04">
<IMG SRC="images/bismillah_04.jpg" ALT="">
</DIV>
<DIV ID="bismillah-05">
<IMG SRC="images/bismillah_05.jpg" ALT="">
</DIV>
<DIV ID="bismillah-06">
<IMG SRC="images/bismillah_06.jpg" ALT="">
</DIV>
<DIV ID="bismillah-07">
<IMG SRC="images/bismillah_07.jpg" ALT="">
</DIV>
<DIV ID="bismillah-08">
<IMG SRC="images/bismillah_08.jpg" ALT="">
</DIV>
<DIV ID="bismillah-09">
<IMG SRC="images/bismillah_09.jpg" ALT="">
</DIV>
<DIV ID="bismillah-10">
<IMG SRC="images/bismillah_10.jpg" ALT="">
</DIV>
<DIV ID="bismillah-11">
<IMG SRC="images/bismillah_11.jpg" ALT="">
</DIV>
<DIV ID="bismillah-12">
<IMG SRC="images/bismillah_12.jpg" ALT="">
</DIV>
<DIV ID="bismillah-13">
<IMG SRC="images/bismillah_13.jpg" ALT="">
</DIV>
<DIV ID="bismillah-14">
<IMG SRC="images/bismillah_14.jpg" ALT="">
</DIV>
<DIV ID="bismillah-15">
<IMG SRC="images/bismillah_15.jpg" ALT="">
</DIV>
<DIV ID="bismillah-16">
<IMG SRC="images/bismillah_16.jpg" ALT="">
</DIV>
<DIV ID="bismillah-17">
<IMG SRC="images/bismillah_17.jpg" ALT="">
</DIV>
<DIV ID="bismillah-18">
<IMG SRC="images/bismillah_18.jpg" ALT="">
</DIV>
<DIV ID="bismillah-19">
<IMG SRC="images/bismillah_19.jpg" ALT="">
</DIV>
<DIV ID="bismillah-20">
<IMG SRC="images/bismillah_20.jpg" ALT="">
</DIV>
<DIV ID="bismillah-21">
<IMG SRC="images/bismillah_21.jpg" ALT="">
</DIV>
<DIV ID="bismillah-22">
<IMG SRC="images/bismillah_22.jpg" ALT="">
</DIV>
<DIV ID="bismillah-23">
<IMG SRC="images/bismillah_23.jpg" ALT="">
</DIV>
<DIV ID="bismillah-24">
<IMG SRC="images/bismillah_24.jpg" ALT="">
</DIV>
<DIV ID="bismillah-25">
<IMG SRC="images/bismillah_25.jpg" ALT="">
</DIV>
<DIV ID="bismillah-26">
<IMG SRC="images/bismillah_26.jpg" ALT="">
</DIV>
<DIV ID="bismillah-27">
<IMG SRC="images/bismillah_27.jpg" ALT="">
</DIV>
<DIV ID="bismillah-28">
<IMG SRC="images/bismillah_28.jpg" ALT="">
</DIV>
<DIV ID="bismillah-29">
<IMG SRC="images/bismillah_29.jpg" ALT="">
</DIV>
<DIV ID="bismillah-30">
<IMG SRC="images/bismillah_30.jpg" ALT="">
</DIV>
<DIV ID="bismillah-31">
<IMG SRC="images/bismillah_31.jpg" ALT="">
</DIV>
<DIV ID="bismillah-32">
<IMG SRC="images/bismillah_32.jpg" ALT="">
</DIV>
<DIV ID="bismillah-33">
<IMG SRC="images/bismillah_33.jpg" ALT="">
</DIV>
<DIV ID="bismillah-34">
<IMG SRC="images/bismillah_34.jpg" ALT="">
</DIV>
<DIV ID="bismillah-35">
<IMG SRC="images/bismillah_35.jpg" ALT="">
</DIV>
<DIV ID="bismillah-36">
<IMG SRC="images/bismillah_36.jpg" ALT="">
</DIV>
<DIV ID="bismillah-37">
<IMG SRC="images/bismillah_37.jpg" ALT="">
</DIV>
<DIV ID="bismillah-38">
<IMG SRC="images/bismillah_38.jpg" ALT="">
</DIV>
<DIV ID="bismillah-39">
<IMG SRC="images/bismillah_39.jpg" ALT="">
</DIV>
<!-- End ImageReady Slices -->
</BODY>
</HTML>
Diubah oleh FajarTom 20-05-2013 14:47
0
1K
Kutip
4
Balasan
Komentar yang asik ya
Urutan
Terbaru
Terlama
Komentar yang asik ya
Komunitas Pilihan