關閉廣告

目前分類：《工作之餘》 (30)

瀏覽方式： 標題列表 簡短摘要

心理測驗│這一張圖你聯想到什麼？測你是哪一種人

 

(繼續閱讀...)
文章標籤
酒店上班 酒店打工 酒店兼職 酒店兼差 酒店工作 酒店經紀 飯局小姐 公關小姐 領檯小姐 國外打工 鋼琴酒吧 按摩師 美容師 舒壓會館 心理測驗 人格特質

星辰酒店經紀 發表在 痞客邦 留言(0) 人氣()

▲top

 心理測驗│愛情中，你是玩咖還是結婚咖？

(繼續閱讀...)
文章標籤
酒店上班 酒店打工 酒店兼職 酒店兼差 酒店工作 酒店經紀 舒壓會館 鋼琴酒吧 公關小姐 飯局小姐 領檯小姐 國外打工 按摩師 美容師 制服店 禮服店 便服店 心理測驗 愛情中，你是玩咖還是結婚咖？

星辰酒店經紀 發表在 痞客邦 留言(0) 人氣()

▲top

心理測驗│愛情中，你是玩咖還是結婚咖？

(繼續閱讀...)
文章標籤
酒店上班 酒店打工 酒店兼職 酒店經紀 酒店兼差 酒店工作 飯局小姐 公關小姐 國外打工 禮服店 便服店 制服店 鋼琴酒吧 舒壓工作 美容師 按摩師 聊天人員 心理測驗 愛情中，你是玩咖還是結婚咖？

星辰酒店經紀 發表在 痞客邦 留言(0) 人氣()

▲top

 心理測驗│測你的人格特質！蹲馬桶的時你都在幹嘛？

 

(繼續閱讀...)
文章標籤
酒店經紀 酒店上班 酒店打工 酒店兼職 酒店兼差 酒店工作 便服店 禮服店 制服店 舒壓會館 鋼琴酒吧 國外打工 美容師 按摩師 飯局小姐 公關小姐 領檯小姐 兼差兼職工作 日領現領工作 心理測驗

星辰酒店經紀 發表在 痞客邦 留言(0) 人氣()

▲top

心理測驗│第一眼看見什麼？挖掘你內心最深沉的秘密！

(繼續閱讀...)
文章標籤
酒店上班 酒店打工 酒店兼職 酒店兼差 酒店經紀 酒店工作 便服店 禮服店 制服店 舒壓會館 按摩師 美容師 飯局小姐 公關小姐 心理測驗

星辰酒店經紀 發表在 痞客邦 留言(0) 人氣()

▲top

 心理測驗│你想在哪棵樹底下乘涼？看看你的事業會不會成功

(繼續閱讀...)
文章標籤
酒店上班 酒店打工 酒店兼職 酒店兼差 酒店經紀 酒店工作 公關小姐 飯局小姐 禮服店 便服店 制服店 國外打工 鋼琴酒吧 舒壓會館 按摩師 美容師 心理測驗 個性影響命運

星辰酒店經紀 發表在 痞客邦 留言(0) 人氣()

▲top

心理測驗│最喜歡窗外哪一個景象？測出你最近心有多累

(繼續閱讀...)
文章標籤
酒店上班 酒店打工 酒店兼職 酒店兼差 酒店工作 酒店經紀 便服店 禮服店 制服店 按摩師 美容師 鋼琴酒吧 國外打工 飯局小姐 公關小姐 心理測驗 測出你最近心有多累

星辰酒店經紀 發表在 痞客邦 留言(0) 人氣()

▲top

心理測驗│一秒測出你的脾氣！選一隻你最愛的熊熊

(繼續閱讀...)
文章標籤
酒店上班 酒店打工 酒店兼職 酒店兼差 酒店工作 酒店經紀 便服店 禮服店 制服店 聊天人員 休閒會館 舒壓會館 鋼琴酒吧 飯局小姐 心理測驗 公關小姐 領檯小姐

星辰酒店經紀 發表在 痞客邦 留言(0) 人氣()

▲top

學習CSS我是以速成法的方式,指的是現學現賣~
想到什麼,我就拿著收集的資料,直接試...所以可能方法沒那麼正統!
大家多多見諒~
學CSS的第一步,先了解CSS是什麼?
簡單來說,CSS是串聯樣式表,
透過CSS我們可以更精確的控制頁面.文字.背景等...

我想大家一定都知道目前痞客釋出了CSS架構圖,
可以藉由了解CSS架構圖和表,
再使用CSS的樣式表下去做變化!!




整個頁面

body/*整個介頁面*/
#body-div/*整個頁面*/
a/*超連結*/
a:hover/*滑鼠移動到超連結上時*/




後台管理

#authority/*後台管理列*/
#newpost/*發表新文章*/
#backstage/*進入後台*/
#container/*所有內容區塊*/
#container2/*所有內容區塊2*/
#container3/*所有內容區塊3*/




橫幅

#header/*橫幅*/
#login-bar/*招呼語&登入登出*/
#banner/*橫幅主要內容*/
#banner h1/*部落格標題*/
#banner .skiplink/*跳到主文*/
#banner h2/*部落格描述*/
#blog-category/*部落格全站分類*/




其他服務頁面導覽

#navigation/*其他服務頁面導覽*/
#navigation a/*其他服務連結區塊內的所有連結*/
#navigation li/*其他服務連結區塊內的所有項目*/
#link-album/*相簿連結*/
#link-blog/*部落格連結*/
#link-guestbook/*留言版連結*/
#link-profile/*名片連結*/




主要內容區

#content/*主要內容區*/
↑指文章區塊的全區




公告區

#spotlight/*公告版位*/
#spotlight h5/*公告版位標題*/
#spotlight-text/*公告版位內容*/




文章區

#article-area/*文章+列表+回應區塊*/
#article-box/*文章+列表區塊*/
.article-area-title/*文章+列表區塊之標題*/
#display/*瀏覽模式*/
#display span/*瀏覽方式這四個字*/{}
#display a/*標題列表/簡短摘要*/{}
.article-head/*文章標題+發表時間*/
.publish/*發表時間*/
.month/*月*/
.date/*日*/
.dat/*週*/
.year/*年*/
.time/*時*/
.title h2 a/*文章標題*/
.title h2 img/*文章標題前的密碼圖示/隱藏圖示/好友保護圖示*/{}
.article-body/*文章內容區*/
.bookmark/*加入書籤*/
.article-content/*文章內文*/
.more/*繼續閱讀*/
.fans-club/*小圈圈討論*/
.author/*發表作者和時間*/
.farward/*轉寄文章*/
.article-footer/*文章附加資訊*/
.refer/*文章分類*/
.history/*歷史上的今天*/
h6/*歷史上的今天的標題*/
ul/*文章分類*/
.back-to-top/*回到頁首*/
.main-list/*標題模式的文章列表*/
table/*表格*/
tr/*行*/
.list-num/*標號標題*/
.list-date/*發表時間標題*/
.list-title/*文章標題標題*/
.list-visit/*人氣標題*/




文章回應及引用區

.list-comment/*回應標題*/
#user-post/*回應+引用區塊*/
#trackback-box.user-post-box/*引用區塊*/
#trackback-title.user-post-title/*引用區塊標題*/
.img/*開合圖示*/
.span/*標題文字*/
#trackback-url/*引用網址*/
#trackback-input/*網址鈕*/

.input/*複製鈕*/
#trackback-text.user-post-text/*所有引用區塊*/
.single-post/*單一引用*/
.post-info/*引用者資訊*/
.post-text/*單一引用內容*/
#comment-box.user-posy-box/*回響區塊*/
#comment-title.user-post-title/*回響區塊標題*/
.img/*開合圖示*/
.span/*標題文字*/
.post-comment/*留下回響*/
a/*留下回響超連結*/

#comment-text.user-post-text/*所有回響區塊*/

#user-post/*引用及回應列表全部的大範圍*/
#trackback-box/*僅引用區塊*/
#trackback-text/*引用內容區塊*/
#trackback-title/*引用列表標題*/
#trackback-box .single-post/*單一引用*/

.post-comment/*留下迴響*/
#comment-box/*僅回應列表*/
#comment-title/*回應列表標題*/
#comment-text/*回應內容區塊*/
#comment-box .single-post/*單一回應*/
.reply-message/*回覆回響*/
.user-ip/*回響者IP*/
.post-photo/*回響者頭像*/
.a img/*回響者頭像*/
.post-text/*單一回響內容*/
.lireply-text/*回覆回響內容*/
a/*留下回響超連結*/
.page/*頁數*/
.post-info/*回響者資訊*/
.b/*樓層數*/
.img.hidden-message/*公開/隱藏回響*/
.user-name/*回響者名稱*/
.img.pixnet-user/*PIXNET會員圖示*/
.home-page/*回響者網址*/
.span.post-time/*留下回響時間*/

.user-post-title/*引用列表標題+回應列表標題*/;
.user-post-text/*引用內容區塊+回應內容區塊*/
.single-post/*單一引用+單一回應*/
.post-info/*引用者資訊+回應者資訊*/
.post-text/*單一引用內容+單一回應內容*/
.post-text p/*單一引用標題+單一回應標題*/

.reply-text/*版主回覆內容*/
.reply-text p/*版主回覆資訊*/
.secret/*悄悄話*/
.show-message/a.hide-message/*公開/隱藏*/
.delete-message/*刪除回響*/




側欄工具列

#links/*側欄工具列*/
#links-row-1/*3欄是第1欄*/
#links-row-2/*3欄式第2欄*/




誰來我家

#visitor.box/*誰來我家*/
.box-title/*側欄區塊標題*/
.box-text/*側欄區塊內容*/
.li a img/*訪客頭像*/
.box-more
.a/*所有訪客列表*/




碎碎唸

#murmur.box/*碎碎念*/
.box-title/*側欄區塊標題*/
.box-text/*側欄區塊內容*/
.murmur-time/*碎碎念發表時間*/
.murmur-text/*碎碎念內容*/
.box-more/*所有歷史碎碎念*/
.box-more a/*所有歷史碎碎念*/
#my-photo/*版主頭像*/
#my-status/*碎碎唸文字內容*/




好友的碎碎唸聯播

#broadcast.box/*好友的碎碎念聯播*/
.box-title/*側欄區塊標題*/
.box-text/*側欄區塊內容*/
ul/*好友的碎碎念*/
.broadcast-photo/*好友頭像*/
.broadcast-time/*好友發表時間*/
.broadcast-text/*好友碎碎念內容*/




搜尋

#search/*搜尋*/
#search .box-title/*搜尋標頭*/
#search .box-text/*搜尋內容區塊*/
#search-target/*搜尋輸入文字欄位*/
#search-send/*搜尋確定鈕*/




麻吉交流

#headshot.box/*麻吉交流*/
.box-title/*側欄區塊標題*/
.box-text/*側欄區塊內容*/
#headshot-img/*個人頭像*/
#friend-apply/*申請好友*/
#send-message/*傳送私訊*/




參觀人氣

#counter.box/*參觀人氣*/
.box-title/*側欄區塊標題*/
.box-text/*側欄區塊內容*/
#countr .box-text span/*人氣數字*/




更換樣式

#change-theme/*更換樣式*/
#change-theme .box-title/*更換樣式標頭*/
#change-theme .box-text/*更換樣式內容區塊*/
#change-theme select/*更換樣式選單*/




新聞交換

#feed.box/*新聞交換*/
.box-title/*側欄區塊標題*/
.box-text/*側欄區塊內容*/
#feed img/*新聞交換icon*/




月曆

#calendar.box/*月曆*/
.box-title/*側欄區塊標題*/
.box-text/*側欄區塊內容*/
table/*月曆表格*/
.mouth-nav/*切換月份的那一行*/
.cal-backward/*上個月*/
.current-mourh/*現在月份*/
.cal-forward/*下個月*/
.weekday/*星期*/
#calendar .calMonthNav/*選擇月份的那一欄*/
#calendar .calMonthHeader/*星期幾的那一欄*/
#calendar td/*日期儲存格*/
#calendar td a/*月當天有寫文章的儲存格*/




近期文章

#recent-article.box/*近期文章*/
.box-title/*側欄區塊標題*/
.box-text/*側欄區塊內容*/
#recent-article .box-text .a/*文章標題*/




熱門文章

#hot-article.box/*熱門文章*/
.box-title/*側欄區塊標題*/
.box-text/*側欄區塊內容*/
#hot-article .box-text .a/*文章標題*/




文章分類

#category/*文章分類*/
#category .box-title/*側欄區塊標題*/
#category .box-text/*側欄區塊內容*/
#category .box-text.box-more/*總開何按鈕*/
#category .box-text.img/*按鈕*/
#category .box-text.div/*單一分類目錄*/
#category .box-text.img/*分類目錄開合按鈕*/
#category .box-text.ul/*目錄內容*/
#category .box-text.a/*目錄名稱*/
#category .box-text h6/*文章分類的分類目錄*/




文章彙整

#archive.box/*文章彙整*/
.box-title/*側欄區塊標題*/
.box-text/*側欄區塊內容*/
.select/*月份選單*/
.a/*所有文章列表超連結*/
#archive .box-text li a/*所有文章列表*/




最新回響

#latest-comment.box/*最新回響*/
.box-title/*側欄區塊標題*/
.box-text/*側欄區塊內容*/
#latest-comment .box-text span/*最新迴響-迴響日期*/
#latest-comment .box-text li a/*-最新迴響-迴響摘要*/




最新引用

#latest-trackback.box/*最新引用*/
.box-title/*側欄區塊標題*/
.box-text/*側欄區塊內容*/
#latest-trackback .box-text li a/*引用過去的文章標題*/
#latest-trackback .box-text li span/*引用過去的部落格主標*/




最新訂閱

#subscription.box/*最新訂閱*/
.box-title/*側欄區塊標題*/
.box-text/*側欄區塊內容*/
#subscription .box-text li a/*最新訂閱-訂閱對方的新文章標題*/
#subscription .box-text li span/*最新訂閱-訂閱對方的部落格主標*/




我的蒐藏

#favorite/*我的蒐藏*/
.box-title/*側欄區塊標題*/
.box-text/*側欄區塊內容*/
.select/*我的蒐藏選單*/




我的連結

#mylink.box/*我的連結*/
.box-title/*側欄區塊標題*/
.box-text/*側欄區塊內容*/
.link-box/*單一連結分類*/
.h6/*連結分類標題*/
#my-link .box-text .link-box li.a/*單一個我的連結*/




自訂欄位

.folder/*所有自訂欄位*/
.folder .box-title/*所有自訂欄位標頭*/
.folder .box-text/*所有自訂欄位內容區塊*/




服務提供

#powered.box/*服務提供*/
.box-title/*側欄區塊標題*/
.box-text/*側欄區塊內容*/
.a/*登入登出連結*/




頁尾

#footer/*頁尾*/
.p/*頁尾描述*/
#bottom/*頁尾超連結*/
.bottom-skiplink/*回到頁首\回到主文*/
.bottom-pixnet/*PIXNET痞客邦\申請帳號\會員服務專區*/




文章列表

.main-list/*列表*/
.main-list table/*列表表格*/
.main-list h3/*列表標題*/
.main-list th/*列表表頭表格*/
.main-list td/*列表一般表格*/
.main-list a/*列表文章名稱*/
#article-list/*所有文章列表*/
#category-list/*單一分類文章列表*/
#murmur-list/*所有歷史狀態列表*/




先了解這些標籤指的是哪些區塊很重要,只要知道他們指哪裡的,
我們就可以加上樣式表的內容去設計囉!!

建議朋友可以開個Notepad貼在裡面,需要時拿出來看看~才不會手忙腳亂!
像A. Q.是直接印成資料,要找時,會快的多!!

下一次跟大家說樣式表有哪些喔~知道架構後,再加上樣式就可以開始設計了!
大家加油喔~有不懂的再問我喔!
另外,寫的很差別打我啊^

星辰酒店經紀 發表在 痞客邦 留言(0) 人氣()

▲top

(CSS & HTML) 色 碼 表 / 色 票 表 

以十六進位值排列
<font color="#RRGGBB">

#FFFFFF #DDDDDD #AAAAAA #888888 #666666 #444444 #000000
#FFB7DD #FF88C2 #FF44AA #FF0088 #C10066 #A20055 #8C0044
#FFCCCC #FF8888 #FF3333 #FF0000 #CC0000 #AA0000 #880000
#FFC8B4 #FFA488 #FF7744 #FF5511 #E63F00 #C63300 #A42D00
#FFDDAA #FFBB66 #FFAA33 #FF8800 #EE7700 #CC6600 #BB5500
#FFEE99 #FFDD55 #FFCC22 #FFBB00 #DDAA00 #AA7700 #886600
#FFFFBB #FFFF77 #FFFF33 #FFFF00 #EEEE00 #BBBB00 #888800
#EEFFBB #DDFF77 #CCFF33 #BBFF00 #99DD00 #88AA00 #668800
#CCFF99 #BBFF66 #99FF33 #77FF00 #66DD00 #55AA00 #227700
#99FF99 #66FF66 #33FF33 #00FF00 #00DD00 #00AA00 #008800
#BBFFEE #77FFCC #33FFAA #00FF99 #00DD77 #00AA55 #008844
#AAFFEE #77FFEE #33FFDD #00FFCC #00DDAA #00AA88 #008866
#99FFFF #66FFFF #33FFFF #00FFFF #00DDDD #00AAAA #008888
#CCEEFF #77DDFF #33CCFF #00BBFF #009FCC #0088A8 #007799
#CCDDFF #99BBFF #5599FF #0066FF #0044BB #003C9D #003377
#CCCCFF #9999FF #5555FF #0000FF #0000CC #0000AA #000088
#CCBBFF #9F88FF #7744FF #5500FF #4400CC #2200AA #220088
#D1BBFF #B088FF #9955FF #7700FF #5500DD #4400B3 #3A0088
#E8CCFF #D28EFF #B94FFF #9900FF #7700BB #66009D #550088
#F0BBFF #E38EFF #E93EFF #CC00FF #A500CC #7A0099 #660077
#FFB3FF #FF77FF #FF3EFF #FF00FF #CC00CC #990099 #770077

以色系排列

紅

顏色名稱 代碼

顏色
maroon #800000 　
darkred #8B0000 　
brown #A52A2A 　
firebrick #B22222 　
crimson #DC143C 　
red #FF0000 　

桃紅~紛紅

顏色名稱 代碼

顏色
mediumvioletred #C71585 　
palevioletred #D87093 　
deeppink #FF1493 　
fuchsia(magenta) #FF00FF 　
hotpink #FF69B4 　
pink #FFC0CB 　
lightpink #FFB6C1 　
mistyrose #FFE4E1 　
lavenderblush #FFF0F5 　

紫

顏色名稱 代碼

顏色
indigo #4B0082 　
purple #800080 　
darkmagenta #8B008B 　
darkorchid #9932CC 　
blueviolet #8A2BE2 　
darkviolet #9400D3 　
slateblue #6A5ACD 　
mediumpurple #9370DB 　
mediumslateblue #7B68EE 　
mediumorchid #BA55D3 　
violet #EE82EE 　
plum #DDA0DD 　
thistle #D8BFD8 　
lavender #E6E6FA 　

褐~橘~米白

顏色名稱 代碼

顏色
saddlebrown #8B4513 　
sienna #A0522D 　
chocolate #D2691E 　
indianred #CD5C5C 　
rosybrown #BC8F8F 　
lightcorol #F08080 　
salmon #FA8072 　
lightsalmon #FFA07A 　
orangered #FF4500 　
tomato #FF6347 　
coral #FF7F50 　
darkorange #FF8C00 　
sandybrown #F4A460 　
peru #CD853F 　
tan #D2B48C 　
burlywood #DEB887 　
wheat #F5DEB3 　
moccasin #FFE4B5 　
navajowhite #FFDEAD 　
peachpuff #FFDAB9 　
bisque #FFE4C4 　
antuquewhite #FAEBD7 　
papayawhip #FFEFD5 　
cornsilk #FFF8DC 　
oldlace #FDF5E6 　
linen #FAF0E6 　
seashell #FFF5EE 　
snow #FFFAFA 　
floralwhite #FFFAF0 　
ivory #FFFFF0 　
mintcream #F5FFFA 　

金~黃

顏色名稱 代碼

顏色
darkgoldenrod #B8860B 　
goldenrod #DAA520 　
gold #FFD700 　
yellow #FFFF00 　
darkkhaki #BDB76B 　
khaki #F0E68C 　
palegoldenrod #EEE8AA 　
beige #F5F5DC 　
lemonchiffon #FFFACD 　
lightgoldenrodyellow #FAFAD2 　
lightyellow #FFFFE0 　

綠

顏色名稱 代碼

顏色
darkslategray #2F4F4F 　
darkolivegreen #556B2F 　
olive #808000 　
darkgreen #006400 　
forestgreen #228B22 　
seagreen #2E8B57 　
green(teal) #008080 　
lightseagreen #20B2AA 　
madiumaquamarine #66CDAA 　
mediumseagreen #3CB371 　
darkseagreen #8FBC8F 　
yellowgreen #9ACD32 　
limegreen #32CD32 　
lime #00FF00 　
chartreuse #7FFF00 　
lawngreen #7CFC00 　
greenyellow #ADFF2F 　
mediumspringgreen #00FA9A 　
springgreen #00FF7F 　
lightgreen #90EE90 　
palegreen #98F898 　
aquamarine #7FFFD4 　
honeydew #F0FFF0 　

藍

顏色名稱 代碼

顏色
midnightblue #191970 　
navy #000080 　
darkblue #00008B 　
darkslateblue #483D8B 　
mediumblue #0000CD 　
royalblue #4169E1 　
dodgerblue #1E90FF 　
cornflowerblue #6495ED 　
deepskyblue #00BFFF 　
lightskyblue #87CEFA 　
lightsteelblue #B0C4DE 　
lightblue #ADD8E6 　
steelblue #4682B4 　
darkcyan #008B8B 　
cadetblue #5F9EA0 　
darkturquoise #00CED1 　
mediumturquoise #48D1CC 　
turquoise #40E0D0 　
skyblue #87CECB 　
powderblue #B0E0E6 　
paleturquoise #AFEEEE 　
lightcyan #E0FFFF 　
azure #F0FFFF 　
aliceblue #F0F8FF 　
aqua(cyan) #00FFFF 　

黑~灰~白

顏色名稱 代碼

顏色
black #000000 　
dimgray #696969 　
gray #808080 　
slategray #708090 　
lightslategray #778899 　
darkgray #A9A9A9 　
silver #C0C0C0 　
lightgray #D3D3D3 　
gainsboro #DCDCDC 　
whitesmoke #F5F5F5 　
ghostwhite #F8F8FF 　
white #FFFFFF 　

以顏色名稱的字母順序排列

aliceblue antiquewhite aqua aquamarine
azure beige bisque black
blanchedalmond blue blueviolet brown
burlywood cadetblue chartreuse chocolate
coral cornflowerblue cornsilk crimson
cyan darkblue darkcyan darkgoldenrod
darkgray darkgreen darkkhaki darkmagenta
darkolivegreen darkorange darkorchid darkred
darksalmon darkseagreen darkslateblue darkslategray
darkturquoise darkviolet deeppink deepskyblue
dimgray dodgerblue firebrick floralwhite
forestgreen fuchsia gainsboro ghostwhite
gold goldnrod gray green
greenyellow honeydew hotpink indianred
indigo ivory khaki lavender
lavenderblush lawngreen lemonchiffon lightblue
lightcoral lightcyan lightgoldenrodyellow lightgreen
lightgrey lightpink lightsalmon lightseagreen
lightskyblue lightslategray lightsteelblue lightyellow
lime limegreen linen magenta
maroon mediumaquamarine mediumblue mediumorchid
mediumpurple mediumseagreen mediumslateblue mediumspringgreen
mediumturquoise mediumvioletred midlightblue mintcream
mistyrose moccasin navajowhite navy
oldlace olive olivedrab orange
orangered orchid palegoldenrod palegreen
paleturquoise palevioletred papaywhip peachpuff
peru pink plum powderblue
purple red rosybrown royalblue
saddlebrown salmon sandybrown seagreen
seashell sienna silver skyblue
slateblue slategray snow springgreen
steelblue tan teal thistle
tomato turquoise violet wheat
white whitesmoke yellow yellowgreen

星辰酒店經紀 發表在 痞客邦 留言(0) 人氣()

▲top
«12

星辰酒店經紀 羅伯：0909-529-396 酒店兼差,酒店上班,酒店兼職,酒店打工,傳播小姐,酒店小姐,酒店公關,酒店領檯,飯局小姐,舒壓會館,醫美整形,暑假打工,寒假打工,國外打工,按摩人員,美容師,日領,現領,制服酒店,禮服酒店,便服酒店,酒店工作,兼差工作,兼職工作,工讀打工