CSS教學區 - 奶茶的大小事

參觀人數統計

累計總次數:
今日拜訪總次數:

最新回應

RE:2014奶茶月曆 by 紋身
RE:2014奶茶月曆 by 冷蕾
RE:【分享】除貼紙膠... by E Search Life
RE:Samsung M8910 一週生活 by www.shoeson.com.hk
RE:【分享】除貼紙膠... by shelby
RE:【居家】壁癌處理-防水噴漆 by kkla
RE:【運動】2013 NIKE 女生路跑..人生第一個6K完賽 by Ann L
RE:【分享】除貼紙膠... by 逢甲住宿
RE:中秋節快樂... by Q
RE:中秋節快樂... by 蓁
RE:【分享】除貼紙膠... by 精華液推薦
RE:擺攤紀事...圖多 by 阿迪
RE:擺攤紀事...圖多 by 咚咚
RE:ASUS Nexus7 開箱~~ by 小毛球
RE:2013奶茶月曆開訂囉~~~ by 沈建志


S	M	T	W	T	F	S

奶茶相機專區

機身:
Canon 350D
Canon 40D
Nikon D5000 kit
鏡頭:
Canon 18-55mm
Canon 50mm F1.4
Canon 50mm F1.8
Sigma 24mm F1.8
TOKINA12-24mm
DC:
Sony P5
Sony P150
Sony F77
Ricoh R8
Ricoh GRD3
VQ1005
Viviter Ultra Wide＆Slim
Fujifilm Natura f/1.9 Black

文章分類

奶茶的大小事 [186]
kenty的大小事 [244]
玩具區 [3]
流浪貓區 [39]
阿狗區 [3]
奶茶桌布 [53]
椰果競技場 [80]
CSS教學區 [1]
奶茶+椰果 [61]
MSN小圖 [14]
白喵..中途貓 [19]
不是我的貓 [30]
奶茶商品區 [38]
美食區-食神來也 [22]
生活用品 [29]
旅遊/帶貓去旅行 [14]
我的Viewty部落格態度 [10]
廣告區 [72]
奶茶+椰果情報站 [22]
問與答..圖素的製作相關問題 [0]
K的相機 [13]
電影欣賞 [4]
美食區-博客肉品 [4]
愛動物 [6]
婚禮紀錄 [1]
親子育兒 [12]
未分類文章 [3]

每月匯整

連結管理

貓友區

無名貓貓區

貓貓站

狗狗區

CSS修改

貓貓相關網站

★★奶茶相關網站★★

購物區

同學篇

布娃娃專區

★★★雜貨區★★★

吃喝玩樂-必看

新朋友專區

★★★好朋友專區★★★

好友名單

奶茶CSS header教學篇

有人問我.那個最上面的BANNER怎麼做，那麼，我就來跟大家分享一下下吧！首先，先做一張800x100的圖.做完後上傳。上傳之後可以看見圖的絕對位置....
繼續閱讀

椰果+奶茶公告區

椰果奶茶小舖開張了~ 請大家支持囉

工商服務時間

貓用品

超好用細貓沙

公主寵物皂

有人正在看。

好友連結

喵書介紹

《貓咪商品圖鑑》/猫グッズ図鑑

布朗尼蛋糕店

怪阿姨的動物醫院日誌

愛上手作，因為貓

貓奴籲天錄

帶著貓咪去旅行！黑貓NORO的元氣歐洲遊

喵的！部落格：奶茶的大小事

奶茶的大小事椰果出頭天

MSN小圖

良趴

K趴

槿趴

魚趴

奶茶趴

椰果趴

手機圖示下載

手機圖示下載。

部落觀察排行榜

新增追蹤

公益連結

勵馨主網站

奶茶大小事BANNER

</div>
<script>

<style>
	.fixed {
	  position: fixed;
	  will-change: transform;
	  z-index:99999999;
	}

.fixed--bottom {
	  bottom: 0;
	  left: 0;
	  right: 0;
	}

.cookie-disclaimer button {
	  background-color: transparent;
	  border: 0;
	  color: inherit;
	  cursor: pointer;
	  font: inherit;
	  margin: 0;
	  padding: 0;
	}

.cookie-disclaimer .button {
	  border-style: solid;
	  border-width: 0.0625em;
	  padding: 0.5em 1em;
	  position: relative;
	}

.button::after {
	  background-color: inherit;
	  bottom: 0;
	  content: '';
	  left: 0;
	  opacity: 0;
	  position: absolute;
	  right: 0;
	  top: 0;
	  -webkit-transition: opacity 0.3s;
	  transition: opacity 0.3s;
	  will-change: opacity;
	  z-index: -1;
	}

.button:focus::after,
	.button:hover::after {
	  opacity: 1;
	}

/* modules/cookie-disclaimer.css */

.cookie-disclaimer {
	  background-color: rgba(0,0,0,0.5);
	  color: #fff;
	  font-size: inherit;
	  font-size: 0.75rem;
	  opacity: 0;
	  padding: 12px;
	  padding: 0.75rem;
	  -webkit-transform: translateY(100%);
	          transform: translateY(100%);
	  -webkit-transition: opacity 0.3s, -webkit-transform 0.5s;
	  transition: opacity 0.3s, -webkit-transform 0.5s;
	  transition: opacity 0.3s, transform 0.5s;
	  transition: opacity 0.3s, transform 0.5s, -webkit-transform 0.5s;
	}

.cookie-disclaimer.is-active {
	  opacity: 1;
	  -webkit-transform: translateY(0);
	          transform: translateY(0);
	}

.cookie-disclaimer :first-child {
	  margin-top: 0;
	}

.cookie-disclaimer :last-child {
	  margin-bottom: 0;
	}

/* modules/media.css */

.media {
	  display: -webkit-box;
	  display: -ms-flexbox;
	  display: flex;
	}

.media-center {
	  -webkit-box-align: center;
	      -ms-flex-align: center;
	          align-items: center;
	}

.media-object--left {
	  margin-right: 1em;
	}

.media-object--right {
	  margin-left: 1em;
	  -webkit-box-ordinal-group: 2;
	      -ms-flex-order: 1;
	          order: 1;
	}

.media-body {
	  -webkit-box-flex: 1;
	      -ms-flex-positive: 1;
	          flex-grow: 1;
	}
	.media-body a {
	  color: #FFFFFF;
	  font-weight: bold;
	  text-decoration:underline;
	}

</style>	
<div class="fixed fixed--bottom cookie-disclaimer js-cookie-disclaimer">
	<div class="media media--center">
		<div class="media-object media-object--right">
			<button class="button">同意 AGREE</button>
		</div>     
		<div class="media-body">
			<p>如果您繼續閱讀，視同您同意我們<a href="https://www.sina.com.tw/about/privacy.html">隱私條款</a>。This website uses cookies to improve user experience. By clicking agree you consent to all cookies in accordance with our <a href="https://www.sina.com.tw/about/privacy.html">Cookie Policy.</a>.</p>
		</div>
	</div>
</div>
<script>

var $$cookieDisclaimer = document.querySelector('.js-cookie-disclaimer');

if (!localStorage.getItem('SinaGdprCookieDisclaimer')) {
	  $$cookieDisclaimer.classList.add('is-active');
	}

$$cookieDisclaimer.querySelector('button').addEventListener('click', function() {
	  localStorage.setItem('SinaGdprCookieDisclaimer', true);
	  $$cookieDisclaimer.classList.remove('is-active');
	});

</script>

</body>
</html>