[Thắc mắc] Background image cho những bài đã xem ở last[✔]

[phutu01]

mình dùng ảnh này cố định trc tên những topic .

Những topic đã xem rồi có biểu tượng đen hơn thì s

[Draudrey]

Theo mình thì cho style của bức ảnh là nền đen:

Code:

.class 1 {background:black}

Biểu tượng đen dùng opacity:

Code:

.class 2 {opacity:.65}

Là ý kiến thôi , hình như xưa có cái hover rê vào ảnh thì đen lại đấy, nhưng quên rồi

[Kid Knight]

mờ link đã viếng thì có thể, nhưng làm mờ background link đã viếng thì chỉ có dùng jquery

[phutu01]

Mình thử css nó chỉ thay màu font chứ backgoirn k tac dung nên lên này hỏi

[K.-Kun]

Hồi sáng trên lớp nghĩ ra: em nghĩ là dùng :visited với background là https://i.servimg.com/u/f72/16/18/15/10/visite10.png Anh thử xem

[phutu01]

:visited ko tacs dung voi background image . chi dc color voi background-color

[Kid Knight]

chắc phải dùng photoshop, chứ k làm mờ background-image bằng css được:v

Code:

a:visited{background-image:url(http://i72.servimg.com/u/f72/16/18/15/10/visite10.png)!important}

:v

[phutu01]

Test dc hay ko send chu . Dung background k co dc
visited no chi tac dung voi color

[K.-Kun]

Hay anh thử xài content đi khỏi xài background

[phutu01]

Tại có ý tưởng thế . Muốn làm mà k được ^^ . Js thì k biết

[thienan]

chắc phải dùng photoshop, chứ k làm mờ background-image bằng css được:v

Code:

a:visited{background-image:url(http://i72.servimg.com/u/f72/16/18/15/10/visite10.png)!important}

:v

Được mà bạn, mình có code này
CSS làm mờ hình ảnh đơn giản:

Code:

#Lammohinh img {
  width: 300px;
  height: 400px;
  float: left;
opacity: 0.3; /*Hinh goc la 1.0 va Lam mo Hinh voi 0.3 opacity;*/
    filter: alpha(opacity=50);
    -webkit-transition: opacity 1s linear;}

Hình gốc là 1.0 opacity
Làm mờ tuỳ chỉnh là: 0.1 opacity đến 0.3 opacity.

Với điều kiện là phải đi với DIV của Cách thứ nhất ví dụ:

Code:

<div id="Lammohinh">
    <img src="http://i57.servimg.com/u/f57/15/64/85/86/dsc00010.jpg" />
</div>

Cách thứ 2:

Code:

<img src="http://i57.servimg.com/u/f57/15/64/85/86/dsc00010.jpg" style="width: 300px;
  height: 400px;
  float: left;
opacity: 0.3; /*Hinh goc la 1.0 va Lam mo Hinh voi 0.3 opacity;*/
    filter: alpha(opacity=50);
    -webkit-transition: opacity 1s linear;" />

Chúc vui

[BTV2]

background thì làm sao mà làm mờ được

[thienan]

Làm Hình Nền mờ và Chữ màu xanh trong khung viền đỏ nằm trên Nền mờ thì được, nhưng rất tiếc là Chữ màu xanh cũng bị mờ theo, mình mò mãi mà không ra. Chắc bạn sẽ làm ra cho Chữ rõ lên, nếu được xin cho code luôn nhé. Đã nhấn cho bạn Thích rồi đó nhe, đừng bùn vì nhấn trễ tí.

Code:

<style>
div.transbox p
  {
  margin:8px 10px;
  font-weight:bold;
  color:blue;
  }
div.transbox
  {
  width:160px;
  height:120px;
  margin:6px 40px;
  background-color:#ffffff;
  border:2px solid red;
  }
div.background
  {
  width:360px;
  height:500px;
  background:url(http://i57.servimg.com/u/f57/15/64/85/86/dsc00010.jpg) repeat;
  border:2px solid black;
opacity:0.3;
  filter:alpha(opacity=60);
  }
</style>


<div class="background">
<div class="transbox">
<p>Làm Hình Ảnh Nền mờ và Chữ trong khung đỏ nằm trên Nền mờ.
</p>
</div>
</div>


Xem demo

[BTV2]

Cái này là mờ luôn cái thẻ, chứ có phải background mờ đâu.
Nếu là background mờ thì chỉ mờ background thôi, nội dung trong thẻ phải bình thường.

[thienan]

Òh, mình không rành mấy nên không hỉu hít, vậy bạn có thể làm cho Chữ rõ lên không? Làm đi bạn, mình tin là bạn sẽ làm được. Bi giờ mình nhấn cho bạn chữ Thích nè hihihihi.... Có phải chữ đó là thay lời cảm ơn không hở bạn?!

[BTV2]

background ko thể mờ dc, ta chĩ có thể làm là khung 1 mờ và khung 2 đè lên khung 1
demo: http://congdongwar30.forumvi.com/h3-page

[thienan]

Hơn cả tuyệt vời...hay ghê lun...Mình phục bạn lun, cái gì cũng mần được, với mình làm được vậy là ngon rồi. Bạn cho xin code làm như vậy lun nhen. Cảm ơn và chúc bạn nhiều hạnh phúc...hihiiiiii...

[BTV2]

Ctrl+ U là lấy liền mà =.=

Code:

<div style="z-index:1;float:left;width:360px; height:500px; background:url(http://i57.servimg.com/u/f57/15/64/85/86/dsc00010.jpg) repeat; border:2px solid black; opacity:0.1; filter:alpha(opacity=60);">
</div><div style="z-index:2;float:left;width:200px; height:100px;padding:10px;background:none;margin-left:-300px;margin-top:100px; border:2px solid red;">
  <p>Hex vô hiệu hóa damage-block và khả năng né đòn, đồng thời giảm tốc độ di chuyển của mục tiêu đó xuống 100.</p>
</div>

[thienan]

Để mình thử cái nhen rồi báo cáo cho bạn biết hen...Cảm ơn bạn nhiều lắm lắm....Nhấn Thích lun, có nhiu nhấn nhiu nhấn hít lun...hihhihiii...

[Sponsored content]