Trang chủ
Các bài mới
Latest activity
Biên tập viên
Diễn Đàn
Bài viết mới
Tìm kiếm diễn đàn
Tin Mới
Bài viết mới
New resources
Bài đăng tiểu sử mới
Hoạt động mới nhất
Resources
Latest reviews
Search resources
Thành Viên
Khách truy cập hiện tại
Bài mới trên trang cá nhân
Tìm kiếm bài đăng trong trang cá nhân
Tool
SMTool - Công cụ đăng bài tự động Facebook
50 SEO Tools
Photoshop online
Facebook Video Down
Cầu nguyện Genshin
Biolink
Genshin map
Đăng nhập
Đăng ký
Mới
Tìm kiếm
Tìm kiếm
Chỉ tìm trong tiêu đề
bởi:
Bài viết mới
Tìm kiếm diễn đàn
Menu
Đăng nhập
Đăng ký
Install the app
Install
28/06 cập nhật đăng ký đăng nhập qua Google & Facebook
Diễn Đàn
Thủ thuật
Thủ thuật hay
Creative Web Typography Styles
JavaScript is disabled. For a better experience, please enable JavaScript in your browser before proceeding.
You are using an out of date browser. It may not display this or other websites correctly.
You should upgrade or use an
alternative browser
.
Reply to thread
Nội dung
<blockquote data-quote="TenHoshi" data-source="post: 2248" data-attributes="member: 1"><p style="text-align: center"><a href="https://cdn.trangcongnghe.com/uploads/posts/2012-09/1347763515_creativewebtypographystyles.jpg"><img src="https://raw.githubusercontent.com/nhatkythuthuat/blog.nhatkythuthuat.com/main/wp-content/uploads/2018/01/05b545a7e88971bdfeac13d1148facc9.jpeg" alt="" class="fr-fic fr-dii fr-draggable " style="" /></a></p><p></p><p>Trong hướng dẫn này chúng tôi sẽ tạo ra những phong cách typography web khác nhau bằng cách sử dụng các plugin jQuery lettering.js và kỹ thuật CSS khác nhau. Đối với một số ví dụ, chúng tôi cũng sẽ thêm di chuột quá trình chuyển đổi để làm những điều một chút tương tác nhiều hơn.</p><p></p><p><strong>Mẫu 1</strong></p><p></p><p style="text-align: center"><a href="https://cdn.trangcongnghe.com/uploads/posts/2012-09/1347763930_creativewebtypographystyles_01.jpg"><img src="https://raw.githubusercontent.com/nhatkythuthuat/blog.nhatkythuthuat.com/main/wp-content/uploads/2018/01/c5dc35a8640e716729852e46523c9235.jpeg" alt="" class="fr-fic fr-dii fr-draggable " style="" /></a></p><p></p><p>Ý tưởng của ví dụ đầu tiên là để tách hoặc cắt một từ khi bay bổng và làm cho một từ khác xuất hiện trong khoảng cách. Cho rằng chúng tôi sẽ cần một cấu trúc đặc biệt.</p><p></p><p></p><p><h2 class='cs-text'></p><p><span class='cs-text-cut'></p><p>Smooth</p><p></span></p><p></p><p><span class='cs-text-mid'></p><p>Operator</p><p></span></p><p></p><p><span class='cs-text-cut'></p><p>Smooth</p><p></span></p><p></h2></p><p></p><p>Từ đó sẽ được hiển thị ban đầu, sẽ được nhân đôi. (Lưu ý rằng tất cả các ví dụ này dành cho các mục đích trang trí và có thể không được ‘SEO friendly’.)</p><p>Chúng tôi sẽ áp dụng các plugin lettering.js cho các từ có nghĩa rằng chúng ta sẽ có một khoảng thời gian xung quanh từ đầu tiên và cuối cùng (bản sao):</p><p></p><p>$('.cs-text-cut').lettering('words');</p><p></p><p>Bây giờ, chúng ta hãy xem css. Trước hết chúng tôi sẽ thiết lập chiều rộng và chiều dài :</p><p></p><p>.cs-text {</p><p>width: 645px;</p><p>margin: 120px auto 30px;</p><p>cursor: default;}</p><p></p><p></p><p>Đặt thiết lập mặc định của thẻ span là block:</p><p></p><p></p><p>.cs-text > span</p><p>{ display: block;}</p></blockquote><p></p>
[QUOTE="TenHoshi, post: 2248, member: 1"] [CENTER][URL='https://cdn.trangcongnghe.com/uploads/posts/2012-09/1347763515_creativewebtypographystyles.jpg'][IMG]https://raw.githubusercontent.com/nhatkythuthuat/blog.nhatkythuthuat.com/main/wp-content/uploads/2018/01/05b545a7e88971bdfeac13d1148facc9.jpeg[/IMG][/URL][/CENTER] Trong hướng dẫn này chúng tôi sẽ tạo ra những phong cách typography web khác nhau bằng cách sử dụng các plugin jQuery lettering.js và kỹ thuật CSS khác nhau. Đối với một số ví dụ, chúng tôi cũng sẽ thêm di chuột quá trình chuyển đổi để làm những điều một chút tương tác nhiều hơn. [B]Mẫu 1[/B] [CENTER][URL='https://cdn.trangcongnghe.com/uploads/posts/2012-09/1347763930_creativewebtypographystyles_01.jpg'][IMG]https://raw.githubusercontent.com/nhatkythuthuat/blog.nhatkythuthuat.com/main/wp-content/uploads/2018/01/c5dc35a8640e716729852e46523c9235.jpeg[/IMG][/URL][/CENTER] Ý tưởng của ví dụ đầu tiên là để tách hoặc cắt một từ khi bay bổng và làm cho một từ khác xuất hiện trong khoảng cách. Cho rằng chúng tôi sẽ cần một cấu trúc đặc biệt. <h2 class='cs-text'> <span class='cs-text-cut'> Smooth </span> <span class='cs-text-mid'> Operator </span> <span class='cs-text-cut'> Smooth </span> </h2> Từ đó sẽ được hiển thị ban đầu, sẽ được nhân đôi. (Lưu ý rằng tất cả các ví dụ này dành cho các mục đích trang trí và có thể không được ‘SEO friendly’.) Chúng tôi sẽ áp dụng các plugin lettering.js cho các từ có nghĩa rằng chúng ta sẽ có một khoảng thời gian xung quanh từ đầu tiên và cuối cùng (bản sao): $('.cs-text-cut').lettering('words'); Bây giờ, chúng ta hãy xem css. Trước hết chúng tôi sẽ thiết lập chiều rộng và chiều dài : .cs-text { width: 645px; margin: 120px auto 30px; cursor: default;} Đặt thiết lập mặc định của thẻ span là block: .cs-text > span { display: block;} [/QUOTE]
Name
Xác nhận
Gửi đi
Diễn Đàn
Thủ thuật
Thủ thuật hay
Creative Web Typography Styles
Top