1. Trang chủ
  2. » Giáo Dục - Đào Tạo

Trang tri blog violet cho minh

20 2 0

Đang tải... (xem toàn văn)

Tài liệu hạn chế xem trước, để xem đầy đủ mời bạn chọn Tải xuống

THÔNG TIN TÀI LIỆU

Thông tin cơ bản

Định dạng
Số trang 20
Dung lượng 39,52 KB

Các công cụ chuyển đổi và chỉnh sửa cho tài liệu này

Nội dung

3 hình sao nhấp nháy A:hover{cursor: url"http://downloads.totallyfreecursors.com/cursor_files/sparklepink.ani", url"http://downloads.totallyfreecursors.com/thumbnails/SparklePink.gif", a[r]

Trang 1

Trang trí blog violet cho mình

Code chèn hình ảnh hai bên blog

Để chèn hình ảnh hai bên blog các bạn có thể chèn đoạn code sau vào ô thông tin bản quyền :

Bên trái :

<DIV id="divAdLeft" align="left" style="LEFT: -95px; WIDTH: 108px;

POSITION: absolute; TOP: 71px"><br/><a target="_blank" <a href="link đến trang"><img src=" link hình ảnh sẽ hiển thị" border="0"

</a><br/></DIV>

Bên phải :

<DIV id="divAdRight" align="right" style="RIGHT:1px; WIDTH: 108px; POSITION: absolute; TOP: 71px"><a target="_blank"<a href="link đến trang"_blank"><img src=" link hình ảnh sẽ hiển thị " border="0"</a><br/>

</DIV>

<script

src="http://www.freewebs.com/lamdaitrochuyen/quangcao.ibf"></script>

Nếu chỉ chèn một bên thì các bạn hãy copy một trong hai đoạn trên và chèn vào ô thông tin bản quyền Nếu muốn chèn cả hai bên thì các bạn hãy copy

cả hai đoạn code trên và dán vào ô thông tin bản quyền

Trong đó thay link đến trang bằng link mà bạn muốn mở khi click chuột vào Thày link hình ảnh sẽ hiển thị bằng link của hình ảnh mà các bạn muốn hiển thị

Lưu ý : Các bạn phải copy đầy đủ đoạn code trên và chỉ thay link Nếu

không hiểu biết nhiều về code thì không nên chỉnh sửa, vì rất dễ gây lôi, nếu chỉnh sửa không đúng

Chỉ copy đoạn code không copy các chữ bên trái, bên phải

Sau đây là đoạn code tôi dùng cho trang của tôi các bạn có thể tham khảo :

<DIV id="divAdLeft" align="left" style="LEFT: -95px; WIDTH: 108px;

POSITION: absolute; TOP: 71px"><br/><a target="_blank" <a

href="http://thuviensinhhoc.violet.vn"_blank"><img

src="http://thuviensinhhoc.violet.vn/uploads/resources/blog/652/hellokitty2 1.gif" border="0" alt="Unlimited Free Image and File Hosting at

MediaFire"><a target="_blank"<a href="

http://thpt-namdan1-nghean.violet.vn"_blank"><img

src="http://thuviensinhhoc.violet.vn/uploads/resources/blog/652/hellokitty2 7.gif" border="0" alt="Unlimited Free Image and File Hosting at

MediaFire"></a><br/></DIV>

<DIV id="divAdRight" align="right" style="RIGHT:1px; WIDTH: 108px; POSITION: absolute; TOP: 71px"><a target="_blank"<a

Trang 2

href="http://thuviensinhhoc.violet.vn" target"_blank"><img

src=" http://thuviensinhhoc.violet.vn/uploads/resources/blog/652/hellokitty 27.gif " border="0" alt="Unlimited Free Image and File Hosting at

MediaFire"></a><a href="http://thpt-namdan1-nghean.violet.vn"

target="_blank"><img

src="http://thuviensinhhoc.violet.vn/uploads/resources/blog/652/hellokitty2 1.gif" border="0" alt="Unlimited Free Image and File Hosting at

MediaFire"></a><br/>

</DIV>

<script

src="http://www.freewebs.com/lamdaitrochuyen/quangcao.ibf"></script> CODE ĐỒNG HỒ ĐỊA CẦU:

<!-Local Time Clock widget - HTML code - localtimes.info ><div

align="center" style="margin:15px 0px 0px 0px"><div align="center" style="width:140px;border:1px solid #ccc;background:#fff ;color: #fff

;font-weight:bold"><a style="padding:2px 1px;margin:2px

1px;font-

size:13px;line-height:16px;font-family:arial;text-decoration:none;color:#000 ;"

href="http://localtimes.info/Asia/Vietnam/Qui_Nhon/"><img

src="http://localtimes.info/images/countries/vn.png" border=0

style="border:0;margin:0;padding:0"> Qui Nhon Time</a></div><script type="text/javascript" src="http://localtimes.info/clock.php?

continent=Asia&country=Vietnam&city=Qui+Nhon&widget_number=121&fw dt=150&ham=1&hfg=1"></script></div><!-end of code >

-CODE TRA ĐIỂM THI:

<script language="javascript"

src="http://diemthi.baamboo.com/boxes/makecombo.js"></script>

<script language="javascript"

src="http://diemthi.baamboo.com/boxes/box_cover.js"></script>

-CODE DONG HO

<!-Local Time Clock widget - HTML code - localtimes.info ><div

align="center" style="margin:15px 0px 0px 0px"><div align="center" style="width:140px;border:1px solid ;font-weight:bold"><a

style="padding:2px 1px;margin:2px

1px;font-size:13px;line-height:16px;font-family:arial;text-decoration:none;color:#11ff11 ;"

Trang 3

href="http://localtimes.info/Asia/Vietnam/Ha_Noi/"><img

src="http://localtimes.info/images/countries/vn.png" border=0

style="border:0;margin:0;padding:0"> http://hoapt.co.cc</a></div><scrip

t type="text/javascript" src="http://localtimes.info/clock.php?

continent=Asia&country=Vietnam&city=Ha+Noi&color=green&widget_numb er=1000&fwdt=150&mon=1"></script></div><!-end of code >

-CODE GIA VANG

<iframe src="http://www.vietstock.com.vn/Transweb/giavang.htm"

width="170" height="150" scrolling="yes" frameborder="0"

marginheight="0" marginwidth="0"></iframe>

-CODE NGOAI TE

<iframe src="http://www.vietstock.com.vn/Transweb/tygia.htm"

width="170" height="240" scrolling="yes" frameborder="0"

marginheight="0" marginwidth="0"></iframe>

-CODE CHEN FLASH

<embed src="LINK FLASH"

pluginspage="http://www.macromedia.com/go/getflashplayer"

type="application/x-shockwave-flash" name="obj1" width="180"

height="120">

-((LINK FLASH VI

DU: http://d.violet.vn/uploads/resources/212/0.Lich_blog_dep.swf)))

((http://d.violet.vn/uploads/resources/212/0.Truongchi.swf))

-CODE DONG HO + LICH BLOG

Trang 4

<embed

src="http://d.violet.vn/uploads/resources/212/0.Lich_blog_dep.swf" pluginspage="http://www.macromedia.com/go/getflashplayer"

type="application/x-shockwave-flash" name="obj1" width="180" height="220">

-MỘT SỐ CODE CHỮ

1.Chữ chạy sang trái

<marquee> WEBSITE HÓA HỌC HPT</marquee>

2 Chữ chạy sang phải

<marquee direction="right">WEBSITE HÓA HỌC HPT</marquee>

3.Chữ chạy qua lại :

<marquee behavior="alternate">WEBSITE HÓA HỌC HPT</marquee>

4 Chữ chạy dưới lên

<marquee direction="up">WEBSITE HÓA HỌC HPT</marquee>

5 Chữ chạy trên xuống

<marquee direction="down">WEBSITE HÓA HỌC HPT</marquee>

6 Chữ chạy lên xuống

<marquee direction="up" behavior="alternate">WEBSITE HÓA HỌC HPT</marquee>

7 Chữ bay hình sin

Trang 5

<marquee behavior="alternate" direction="up" width="80%"><marquee direction="right">WEBSITE HÓA HỌC HPT</marquee></marquee>

8 Chữ bay hình chữ Z

<marquee behavior="alternate" direction="up" width="80%"><marquee direction="right" behavior="alternate">WEBSITE CỦA ĐỖ VŨ

HIỆP</marquee></marquee>

9 Mũi tên nhấp nháy

<marquee behavior="alternate" width="10%">>></marquee>WEBSITE HÓA HỌC HPT<marquee behavior="alternate"

width="10%"><<</marquee>

10 Mũi tên chạy ra

<marquee behavior="alternate" width="10%">>></marquee>WEBSITE HÓA HỌC HPT<marquee behavior="alternate"

width="10%"><<</marquee>

11.Chữ có màu nền

<font color="#FFFFFF"><marquee direction="left"

style="background:BLUE"> WEBSITE CỦA ĐỖ VŨ HIỆP</marquee></font>

12 Chữ có khung

<marquee style="border:BLUE 2px SOLID">WEBSITE HÓA HỌC

HPT</marquee>

13 Chữ co dãn 1

<MARQUEE behavior=alternate direction=left scrollAmount=3

width="4%"><font face=Webdings>3</font></MARQUEE><MARQUEE scrollAmount=1 direction=left width="2%">| | |</MARQUEE>WEBSITE HÓA HỌC HPT<MARQUEE scrollAmount=1 direction=right width="2%">| | |

Trang 6

</MARQUEE><MARQUEE behavior=alternate direction=right

scrollAmount=3 width="4%"><font

face=Webdings>4</font></MARQUEE>/

14 Chữ co dãn 2

<MARQUEE behavior=alternate direction=left scrollAmount=3

width="4%"><font face=Webdings>4</font></MARQUEE><MARQUEE scrollAmount=1 direction=left width="2%">| | |</MARQUEE>WEBSITE HÓA HỌC HPT<MARQUEE scrollAmount=1 direction=right width="2%">| | |

</MARQUEE><MARQUEE behavior=alternate direction=right

scrollAmount=3 width="4%"><font face=Webdings>3</font></MARQUEE>

15 Chữ chạy và biến mất

<marquee behavior="alternate"><marquee width="150">WEBSITE HÓA HỌC HPT</marquee></marquee>

?: Rootvn Forum http://rootvn.net/showthread.php?t=43382

16.Chữ lơ lửng

<marquee behavior=alternate direction=up scrollamount=2 scrolldelay=65 height=80 style="Text-align;filter:wave(add=0,phase=1,

freq=1,strength=15,color=.FFFFFF)"><center>WEBSITE HÓA HỌC HPT<br

>Giao lưu và chia sẻ </center></marquee>

17- Chữ màu ( tĩnh):

<b><font color="#3300FF"> CHÀO CÁC THẦY CÔ GIÁO ĐẾN

VỚI</font><font color="#FF00FF "> WEBSITE HÓA HỌC HPT</font></b>

Mã : <b><font color="#mã màu"> Đoạn văn bản </font></b>

18- Chữ màu chạy trong khung màu:

<marquee style="border:BLUE 2px SOLID">

<b><font color="#3300FF">CHÀO MỪNG CÁC BẠN ĐẾN THĂM

</font></b>

Trang 7

Thay BLUE bằng các từ khác để được màu khung theo ý muốn của bạn Ví dụ: RED (đỏ), , GREEN (xanh lá cây), PINK (hồng), YELLOW (vàng), VIOLET (tím), BLACK (đen)

19) Chữ chạy điều chỉnh được tốc size:

<marquee <font color="#FF0000" size="4"> WEBSITE HÓA HỌC

HPT</font></marquee>

20) Chữ chạy thay đổi tốc độ, size:

<b><marquee direction="left" scrollamount="6"

onmouseover="this.stop();" onmouseout="this.start();"><font

color="#FF0000" size="2">WEBSITE HÓA HỌC

HPT</font></marquee></b>

-21) Canh giữa:

<div align="center">WEBSITE HÓA HỌC HOAPT</div>

-Code tạo nút lên, xuống đặt giữa trang BLOG

Copy và paste vào cột chức năng:

<center>

<div id='top-buttom_image'>

<a href='javascript:scroll(0,0)' title=' Về đầu trang'><img alt='Lên đầu trang' border='2'

src="http://farm4.static.flickr.com/3496/3463533286_ee8ffe62cd_o.gif

"></a><br/>

<a href='javascript:scroll(0,9999999)' title='Về cuối trang '><img

alt='Xuống cuối trang' border='2'

src="http://farm4.static.flickr.com/3583/3437500265_69cea7f1f2_o.gif

"></a>

</div>

Trang 8

-Code nhúng phòng thí nghiệm Hóa học vào BLOG

<embed src='http://www.youtube.com/v/<object width="425"

height="344"><param name="movie"

value="http://www.youtube.com/v/at2wZa_J8Co&hl=en&fs=1&"></param

><param name="allowFullScreen" value="true"></param><param

name="allowscriptaccess" value="always"></param><embed

src="http://www.youtube.com/v/at2wZa_J8Co&hl=en&fs=1&"

type="application/x-shockwave-flash" allowscriptaccess="always"

allowfullscreen="true" width="425"

height="344"></embed></object>&autoplay=1'

type='application/x-shockwave-flash' wmode='transparent' width='450'

height='380'></embed>

-HƯỚNG DẪN TẠO HIỆU ỨNG CHO TRỎ CHUỘT

- Bước 1 : bạn truy cập vào http://www.totallyfreecursors.com/

- Bước 2: click vào một hình trỏ chuột mà bạn thích

- Bước 3: Trong cửa sổ hiện ra, các bạn copy mã code HTML

- Bước 4: Đặt code vào góc vui trên trang blog của bạn

Code xuất hiện ở khung trên : khi rê chuột vào các vị trí không có link trên website thì hiệu ứng trỏ chuột sẽ có tác dụng

Ví dụ:

<div align="center" style="z-index:9;visibility:visible;"><a

href="http://www.totallyfreecursors.com/" target="_blank"

class="tfc"><img

src="http://downloads.totallyfreecursors.com/public/CursorsLogo88-31.gif" border="0" width="88" height="31" alt="Free Tail 2 MySpace Cursors

atwww.totallyfreecursors.com" /></a></div><style>HTML,BODY{cursor: url("http://downloads.totallyfreecursors.com/cursor_files/tail2.ani"),

url("http://downloads.totallyfreecursors.com/thumbnails/tail2.gif"),

auto;}</style>

Code xuất hiện ở khung dưới : khi rê chuột vào các vị trí có link trên

website thì hiệu ứng trỏ chuột sẽ có tác dụng

Ví dụ:

Trang 9

<style>A:hover{cursor:

url("http://downloads.totallyfreecursors.com/cursor_files/tail2.ani"),

url("http://downloads.totallyfreecursors.com/thumbnails/Tail2.gif"),

auto;}</style>

-Code chữ chạy phía trên cùng của banner

1) Chạy qua, lại ( màu đen)

<span style="position: absolute; left: 0px; top: 0px; width:

100%"><marquee behavior="ALTERNATE"><strong>KÍNH CHÀO QUÝ THẦY

CÔ ĐẾN THĂM WEBSITE </strong></marquee></span>

Muốn có màu thì thay đoạn code sau vào giữa thẻ : <strong>…</strong>

<font color="#736AFF" size="4"> NỘI DUNG CHỮ CHẠY </font>

2) Chạy qua, lại ( có màu)

<span style="position: absolute; left: 0px; top: 0px; width:

100%"><marquee behavior="ALTERNATE"><strong><font

color="#B93B8F"

> CHÀO MỪNG CÁC THẦY CÔ GIÁO ĐẾN THĂM WEBSITE</font>

</strong></marquee></span>

Thầy cô có thể thay mã màu khác:

Vì dụ:

Màu xanh: #736AFF ; Màu tím: #B93B8F ; Màu cam: #FBB917 Màu đỏ: #F778A1 ; hoặc chọn màu khác tùy thích

3) Chạy từ phải sang trái:

<span style="position: absolute; left: 0px; top: 0px; width: 100%">

<marquee <font color="#B93B8F" size="4"> CHÀO MỪNG CÁC THẦY CÔ GIÁO ĐẾN THĂM WEBSITE </font></marquee></span>

Thay mã màu như trên

-CODE TẠO CON TRỎ CHUỘ NGỘ NGHĨNH

1) hiệu ứng chuột chùm sao 1

<style>A:hover{cursor:

url("http://downloads.totallyfreecursors.com/cursor_files/strtail.ani"),

url("http://downloads.totallyfreecursors.com/thumbnails/strtail.gif"),

auto;}</style>

2) hình chú khỉ

<style>A:hover{cursor:

url("http://downloads.totallyfreecursors.com/cursor_files/monkeyani.cur"), url("http://downloads.totallyfreecursors.com/thumbnails/monkey-ani.gif"), auto;}</style>

Trang 10

3) hình sao nhấp nháy

<style>A:hover{cursor:

url("http://downloads.totallyfreecursors.com/cursor_files/sparklepink.ani"), url("http://downloads.totallyfreecursors.com/thumbnails/SparklePink.gif"), auto;}</style>

4) hình biểu tượng đội bóng đá M.U

<style>A:hover{cursor:

url("http://downloads.totallyfreecursors.com/cursor_files/manchesterunitedb adge.cur"),

url(" http://downloads.totallyfreecursors.com/thumbnails/manchester-united-badge.gif"), auto;}</style>

5) hình chú bé ngộ nghĩnh

<style>A:hover{cursor:

url("http://downloads.totallyfreecursors.com/cursor_files/babyrollani.cur"), url("http://downloads.totallyfreecursors.com/thumbnails/baby-roll-ani.gif"), auto;}</style>

6) hình những trái tim

<style>A:hover{cursor:

url("http://downloads.totallyfreecursors.com/cursor_files/hearttailup.ani"), url("http://downloads.totallyfreecursors.com/thumbnails/hearttailup.gif"), auto;}</style>

7) hình chú ếch 1

<style>A:hover{cursor:

url("http://downloads.totallyfreecursors.com/cursor_files/frog26workinginba ckground.ani"),

url("http://downloads.totallyfreecursors.com/thumbnails/frog26workinginbac kground.gif"), auto;}</style>

hình chú ếch 2

<style>A:hover{cursor:

url("http://downloads.totallyfreecursors.com/cursor_files/frog26verticalresiz e.ani"),

url("http://downloads.totallyfreecursors.com/thumbnails/frog26verticalresize gif"), auto;}</style>

9) hình chùm sao 2

<style>A:hover{cursor:

url("http://downloads.totallyfreecursors.com/cursor_files/tail2.ani"),

url("http://downloads.totallyfreecursors.com/thumbnails/Tail2.gif"),

auto;}</style>

10) hình chú bướm

<style>A:hover{cursor:

url("http://downloads.totallyfreecursors.com/cursor_files/butterflyani1.cur"), url("http://downloads.totallyfreecursors.com/thumbnails/butterfly-ani1.gif"), auto;}</style>

Ngày đăng: 09/06/2021, 14:17

w