Jump to content

Chỉnh code để module search theo ý muốn

Bryan Lee

By Bryan Lee
in Thảo luận chung

 Share

Recommended Posts

Bryan Lee Newbie

Bryan Lee

Posted
Posted

Chỉnh code để module search có kích thướng nhỏ lại như thế nào vậy các bạn? Hay là theo module search giống trang 4rum của presta này (có chức năng advanced search, và hình tròn, v.v...) làm sao vậy các anh chị em?
Hay mọi người có cao kiến gì xin chỉ giáo!

Link to comment
Share on other sites
Bryan Lee Newbie

Bryan Lee

Posted
  • Author
Posted
Bạn chịu khó search search_block_top trong file /themes/your_theme/css/global.css nhé.
Còn chức năng tìm kiếm nâng cao vẫn chưa có.


Trời vậy k biết là phải đợi đến bao giờ mới có nữa. Đành phải đợi rồi, Tks bạn nhé, nhưng chân thành mà nói mình mới bước đầu làm web à nên k biết sửa code hay file.css. chỉ biết cắt dán và đang dần dần hiểu cách viết thôi, nên bạn có thể chỉ cụ thể k? tks bạn
Link to comment
Share on other sites
Bryan Lee Newbie

Bryan Lee

Posted
  • Author
Posted
Bạn mở file global.css trong thư mục theme của bạn. Ví dụ: /themes/prestashop/css/global.css. Tìm đến dòng search_block_top rồi sửa lại giá trị width của block search là được.

4rum của Presta thiếu chức năng thanks nhỉ? Nên muốn thanks nhưng k còn cách nào khác để cảm ơn người bạn tích cực nhất. Đây k phải spam nha!
Link to comment
Share on other sites
tran cong hoang Newbie

tran cong hoang

Posted
Posted
Chỉnh code để module search có kích thướng nhỏ lại như thế nào vậy các bạn? Hay là theo module search giống trang 4rum của presta này (có chức năng advanced search, và hình tròn, v.v...) làm sao vậy các anh chị em?
Hay mọi người có cao kiến gì xin chỉ giáo!



bạn sử dụng chương trình firebug để sửa rất dễ. chỉ cần vào google search từ firebug rồi cài đặt. nó đòi khởi động lại firefox. khi khởi động xong bạn để ý ở dưới cùng của trình duyệt có hình con bọ. mở cái đó lên và tìm tới chỗ cần sửa. chương trình này giúp mình biết được cần phải sửa ở chỗ nào.

http://vinahandicraft.net/ các bạn xem trang này mình làm nhìn có ổn không
Link to comment
Share on other sites
Bryan Lee Newbie

Bryan Lee

Posted
  • Author
Posted
Chỉnh code để module search có kích thướng nhỏ lại như thế nào vậy các bạn? Hay là theo module search giống trang 4rum của presta này (có chức năng advanced search, và hình tròn, v.v...) làm sao vậy các anh chị em?
Hay mọi người có cao kiến gì xin chỉ giáo!



bạn sử dụng chương trình firebug để sửa rất dễ. chỉ cần vào google search từ firebug rồi cài đặt. nó đòi khởi động lại firefox. khi khởi động xong bạn để ý ở dưới cùng của trình duyệt có hình con bọ. mở cái đó lên và tìm tới chỗ cần sửa. chương trình này giúp mình biết được cần phải sửa ở chỗ nào.

http://vinahandicraft.net/ các bạn xem trang này mình làm nhìn có ổn không


Thanks và mình đang tìm hiểu cách dùng firebug đây, tuy nhiên để chỉnh được phải biết dùng nó. Bạn có file hay tài liệu hướng dẫn để mọi ng học hỏi luôn k vậy? Trang của bạn làm đẹp và có nhiều điều hay mà mình sẽ hỏi thăm nhờ bạn giúp đỡ lắm đó.
Link to comment
Share on other sites
tran cong hoang Newbie

tran cong hoang

Posted
Posted
Chỉnh code để module search có kích thướng nhỏ lại như thế nào vậy các bạn? Hay là theo module search giống trang 4rum của presta này (có chức năng advanced search, và hình tròn, v.v...) làm sao vậy các anh chị em?
Hay mọi người có cao kiến gì xin chỉ giáo!



bạn sử dụng chương trình firebug để sửa rất dễ. chỉ cần vào google search từ firebug rồi cài đặt. nó đòi khởi động lại firefox. khi khởi động xong bạn để ý ở dưới cùng của trình duyệt có hình con bọ. mở cái đó lên và tìm tới chỗ cần sửa. chương trình này giúp mình biết được cần phải sửa ở chỗ nào.

http://vinahandicraft.net/ các bạn xem trang này mình làm nhìn có ổn không


Thanks và mình đang tìm hiểu cách dùng firebug đây, tuy nhiên để chỉnh được phải biết dùng nó. Bạn có file hay tài liệu hướng dẫn để mọi ng học hỏi luôn k vậy? Trang của bạn làm đẹp và có nhiều điều hay mà mình sẽ hỏi thăm nhờ bạn giúp đỡ lắm đó.



cái này không có tài liệu bạn ạ tuy nhiên mình sẽ chi cho bạn that cơ bản và dễ hiểu.

- bạn mở trang web cần sửa lên.
- bạn mở firebug lên
- bạn chọn thẻ Inspect và đưa chuột đến chỗ cần sửa (nhớ là chỉ di chuột đến đó thôi chứa đừng kích chuột. khi đó ở dưới chương trình firebug sẽ xuất hiện các thông số và thuộc tính của chỗ bạn cần sửa.

- bên góc phải xuất hiện thuộc tính css của đối tượng cần sửa và nó chỉ cho bạn thấy là cái css đó nó nằm ở file nào rồi tìm đến file đó và thuộc tính đó để sửa.

bạn thêm đường viền cho nó, đổi màu đường viền rồi kiêu chữ, khoảng cách, background đều được

3575_t8dksFiTjOr6K4w52rkZ_t

Link to comment
Share on other sites
Bryan Lee Newbie

Bryan Lee

Posted
  • Author
Posted
Các bạn có thể download addon này cho firefox 2, 3 tại url sau

https://addons.mozilla.org/en-US/firefox/addon/1843

Việc sử dụng khá đơn giản.
Các bạn có thể làm theo hướng dẫn của bạn tran cong hoang.
Hoặc tham khảo thêm tại trang chủ của nó


Phải nói đây là công cụ rất hay mà bạn tran cong hoang đã giới thiệu, mình đã dùng rồi, nhờ nó mà học và hiểu được nhiều thứ lắm nhưng mà hình như sau khi sửa code thì firebug chỉ có giá trị tham khảo tức thì thôi chứ không có lưu các giá trị đã sửa vô file. Không rành nên có sai thì các anh em chỉ giúp nhé. Cái này không có hướng dẫn chi tiết hen, uổng thiệt, nhất là mấy newbi như mình.
Link to comment
Share on other sites
tran cong hoang Newbie

tran cong hoang

Posted
Posted
Các bạn có thể download addon này cho firefox 2, 3 tại url sau

https://addons.mozilla.org/en-US/firefox/addon/1843

Việc sử dụng khá đơn giản.
Các bạn có thể làm theo hướng dẫn của bạn tran cong hoang.
Hoặc tham khảo thêm tại trang chủ của nó


Phải nói đây là công cụ rất hay mà bạn tran cong hoang đã giới thiệu, mình đã dùng rồi, nhờ nó mà học và hiểu được nhiều thứ lắm nhưng mà hình như sau khi sửa code thì firebug chỉ có giá trị tham khảo tức thì thôi chứ không có lưu các giá trị đã sửa vô file. Không rành nên có sai thì các anh em chỉ giúp nhé. Cái này không có hướng dẫn chi tiết hen, uổng thiệt, nhất là mấy newbi như mình.


các bạn dùng công cụ này để xem cái đối tượng điều khiển cái mình sửa là đối tượng nào. ví dụ tôi muốn thay đổi cái background của tiêu đề thì tôi xem đối tượng style nào điều khiển nó. khi mình chọn thẻ Inspect và di chuyển chuột tới chỗ tiêu đề thì ở dưới bên phải của chương trình firebug sẽ hiển thị đối tượng style điều khiển cái tiêu đề đó đồng thời nó cho ta biết cái đối tượng đó nằm ở file style nào. lúc này bạn chỉ cần vào phần theme của web và vào thư mục css tìm tới file đó. thường thì nó nằm ở file global.css. các bạn tím đùng đến ID hoặc class mà chương trình firebug đã chỉ ra cho mình và tiến hành sửa.

div.block h4 { global.css (line 903)
background:transparent url(../img/block_header.gif) no-repeat scroll left top;
border-bottom:medium none;
color:#052B48;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
font-weight:bold;
height:19px;
line-height:19px;
padding-left:0.5em;
padding-top:2px;
text-transform:uppercase;
}

- Bạn tạo một cái bgr tiêu đề mà bạn thích sau đó có 2 cách đó là
+ bạn đưa file ảnh đó lên một cái host nào đấy và bạn trỏ đường dẫn của nó vào trong chỗ URL
background:transparent url(../img/block_header.gif) no-repeat scroll left top;

+ cách thứ 2 là bạn copy đè vào file ảnh cũ của nó ở trong mục img của theme là file (block_header.gif)


như vậy là xong. đồi với những bgr khác cũng làm vậy



© HOANG PHAT TECHNOLOGY - COMMERCE.,LTD
Add: 248 Nguyen Trai Road - Thanh Xuan dist - Ha Noi
Tel: (84-4) 35583967
Fax: (84-4) 35584057
Mail: [email protected]


http://vinahandicraft.net

3707_kCrk8jTdt8lhEhDiiUV7_t

Link to comment
Share on other sites
  • 3 years later...

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share
Go to topic listing
×
×
  • Create New...