[範本:兩張圖並排]

導覽列項目

首頁

關於

門市

商城

聯絡

最新消息

文字編輯檔案: /FieldInfo/contactForm_table.html

歡迎留下您寶貴的意見。請留下您的姓名、電話、電子信箱、商品名稱或意見回饋。我們會盡快回覆您謝謝。

內容

圖片上傳

檔案上傳

預視

驗證碼

自動折行

零售品牌介紹

Scent Company Milano香氛系列

麵類test_j01

內用0608內用06081

testtest

.dataBlogInfo { } /* MsgInfo Cell */ /* 上方類別選項 */ .BlogInfoMenu { width:100%; height:30px; text-align:center; line-height:100%; } .BlogInfoMenuS { width:1px; background:#ff8844; } /* 選項間隔 */ .BlogInfoMenuL { width:10px; background:#ff8844; } /* 左邊 td */ .BlogInfoMenuR { width:10px; background:#ff8844; } /* 右邊 td */ .BlogInfoMenu0 { background:#ff8844; padding:0px; vertical-align:middle; } /* 選項屬性 */ .BlogInfoMenu0:hover { background:#ff4422; } /* 選項滑鼠觸碰 */ .BlogInfoMenu1 { background:#ff4422; padding:0px; vertical-align:middle; } /* 目前選項屬性 */ .BlogInfoMenu0 a , .BlogInfoMenu1 a { color:#ffffff; } /* 選項文字屬性 */ .BlogInfoN_1 { } /* 第一筆資訊 */ .BlogInfoD_0, /* 偶數筆資訊 */ .BlogInfoD_1 /* 奇數筆資訊 */ { background-color: #fff; padding:30px 40px; border-top-left-radius: 7px; border-top-right-radius: 7px; } /* 資訊狀態列 */ .BlogInfoCtrlBtn { vertical-align:middle; width:100%; text-align:right; } .BlogInfoCtrlBtn .OrdIdx { width:20px; text-align:right; border:1px solid #888888; padding:0px; margin:0px; height:16px; } .BlogInfoCtrlBtn .MsgCmd { font-size:11px; border:1px solid #888888; padding:0px; margin:0px; height:18px; } .BlogInfoCtrlBtn .XmlID { float:left; font-weight:bold; } .BlogInfoCtrlBtn select { display:none; } /* 資訊區 */ .BlogInfoHTML { } /* 資訊區上方資訊 */ .BlogInfoHTML .BlogInfo1 { width:100%; color:#888888; margin-bottom:10px; } .BlogInfoHTML .BlogInfoClass { width:auto; text-align:left; color:#888888; } /* 類別 */ .BlogInfoAuthor, .BlogInfoDate, .BlogInfoState { display: inline-block; margin-right: 20px; } .BlogInfoHeaderDetail { font-size: 14px; color: #959893; display: none; } .BlogInfoHeader { padding-bottom: 20px; border-bottom: 1px solid #eaecf1; margin-bottom: 30px; } .BlogInfoTitle { font-size: 30px; margin-bottom: 0; } /* 資訊區下方資訊 */ .BlogInfoHTML .BlogInfo3 { width:100%; color:#888888; } .BlogInfoHTML .BlogInfoStatus { float:right; } .BlogInfoHTML .BlogInfoBtn { text-align:left; } /* FB按讚分享 */ .mefbLikeBtn { background-color: #fff; border-bottom-left-radius: 7px; border-bottom-right-radius: 7px; padding-bottom: 60px; } .mefbLikeBtn .meMsg_MsgBlk, .mefbLikeBtn .meMsg_MsgContentBlk { float: left; } .mefbLikeBtn .meMsg_MsgMain { max-width: 380px; margin: auto; } .mefbLikeBtn .meMsg_Content { font-size: 15px; color: #95989a; margin-right: 10px; } /* FB留言 */ .mefbComments { background-color: #fff; border-radius: 7px; margin-top: 30px; padding: 10px 30px; } /* 資訊內文 */ #ns_Content .BlogInfoHTML .meMsg_MsgTitleBlk { margin-bottom:10px; } /* 區塊標頭 */ #ns_Content .BlogInfoHTML .meMsg_MsgBlk .meMsg_MsgTitle { } /* 主標題 */ #ns_Content .BlogInfoHTML .meMsg_Content { margin-top:10px; } #ns_Content .BlogInfoHTML .meMsg_MsgContentBlk { margin-top:10px; } /* 內文段落 */ #ns_Content .BlogInfoHTML .meMsg_MsgURLList { display:none; margin:0px; padding:0px; } /* 相關網址 */ #ns_Content .BlogInfoHTML .meMsg_MsgURL { list-style:disc; margin-left:40px; } /* 相關網址 */ #ns_Content .BlogInfoHTML .meMsg_MsgFileList { display:none; margin:0px; padding:0px; } /* 相關檔案 */ #ns_Content .BlogInfoHTML .meMsg_MsgFile { list-style:disc; margin-left:40px; } /* 相關檔案 */ #ns_Content .BlogInfoHTML .meMsg_MsgFromEnd { display:none; } /* 期間 */ #ns_Content .BlogInfoHTML .meMsg_MsgListBlk { display:none; } /* 條列項目 */ #ns_Content .BlogInfoHTML .ImgAlignLeft { margin-right:8px; } /* 圖文間距 */ #ns_Content .BlogInfoHTML .ImgAlignRight { margin-left:8px; } /* 圖文間距 */ #ns_Content .BlogInfoHTML .ImgAlignLeftX { margin-right:8px; } /* 圖文間距 */ #ns_Content .BlogInfoHTML .ImgAlignRightX { margin-left:8px; } /* 圖文間距 */ .meMsgArticle img { max-width: 100%; margin: 40px 0; } /* 分頁控制列 */ #divPageCtrl { margin:10px; clear:both; } #divPageCtrl table { margin-left:auto; margin-right:auto; } /* 表格格式 */ .MsgRow1 { } /* 第一列 */ .MsgRowN { } /* 其他列 */ .MsgRowD0 { } /* 偶數列 */ .MsgRowD1 { } /* 奇數列 */ .MsgCell1 { padding:0px; } /* 最左欄 */ .MsgCellN { padding:0px; } /* 中間欄 */ .MsgCellX { padding:0px; } /* 最右欄 */ .MsgRGap { border:0px; margin-top:20px; margin-bottom:20px; } /* 列與列中間 */ .cssPagePanel { clear:both; } /* 控制面板列 */ /* === 這裡是文章版型喔 === */ #id_MenuLeft, #id_MenuRight { width: 100%; } #ns_Main { position: relative; z-index: 1; padding: 30px 20px 40px; } #id_Content { background-color: #ffffffad; } .img#heart { width: 20px; } /*標題和副標繞圖排文=================*/ #ns_Content .BlogInfoHTML .ImgAlignRight { margin: 0 0 10px 20px; width: 35%; } #ns_Content .BlogInfoHTML .meMsg_MsgListBlk { display: block; } #ns_Content .BlogInfoHTML .ImgAlignLeft { margin: 0 20px 10px 0; width: 35%; } /*全部繞圖排文=================*/ .meMsg_MsgContentBlk img.ImgAlignRightY { width: 35%; margin: 0 0 10px 30px; } .meMsg_MsgContentBlk img.ImgAlignLeftY { width: 35%; margin: 0 30px 10px 0; } .BlogInfoHTML .meMsg_MsgContentBlk .meMsg_MsgTitle { } .meMsg_MsgContentBlk .meMsg_MsgSubTitle { font-size: 17px; line-height: 170%; color: #090909; } /*把置右置左的圖片調整回正常大小=================*/ #ns_Content .BlogInfoHTML .ImgAlignRightX { margin-left: 8px; width: 100%; margin: 0 0 10px 0; } #ns_Content .BlogInfoHTML .ImgAlignLeftX { padding-right: 8px; width: 100%; margin:0px; } .meMsg_ImgTD { width: 50%; } /*把置右置左的圖片調整回正常大小 end =================*/ body .meMsg_MsgContentCenter .meMsg_MsgContentBlk { width: 49.5%; margin: 0 auto; text-align: center; } .BlogInfoHTML .meMsg_MsgContentBlk.center { padding: 4px; margin-right: 0px; } /*div影片文字並排*/ body .meMsg_MsgContentCenter { width: 100%; } #ns_Content .BlogInfoHTML .meMsg_MsgContentCenter .meMsg_MsgContentBlk { width: 50%; display: inline-block; } /*.banner { display: none; }*/ .BlogInfoHTML .BlogInfoClass, .BlogInfoHTML .BlogInfoAuthor, .BlogInfoHTML .BlogInfoStatus { display: ; } .BlogInfoHTML .meMsg_MsgBlk { color: #090909; margin-top: 0; display: block; margin-bottom: 12px; border-bottom: 1px solid; text-align: center; } .BlogInfoHTML .BlogInfo1 { border-bottom: 0; margin: 0; } .BlogInfoD_1 { border: 0; padding: 0; } /*標題*/ #ns_Content .BlogInfoHTML .meMsg_MsgTitleBlk { margin-bottom: 20px; } #ns_Content .BlogInfoHTML .meMsg_MsgTitleBlk .meMsg_MsgImg img { margin-bottom: 40px; } .BlogInfoHTML .meMsg_MsgTitleBlk .meMsg_MsgTitle { font-size: 40px; line-height: 150%; text-align: center; display: block; color: #22B600; font-weight: bold; margin: 0 auto; padding-bottom: 0px; border-bottom: 1px solid #22b600; } .BlogInfoHTML .meMsg_MsgTitleBlk .meMsg_Content { font-size: 16px; line-height: 150%; text-align: justify; display: block; color: #000000; margin: 0 auto; } .BlogInfoHTML .meMsg_MsgBlk, .BlogInfoHTML .meMsg_MsgContent, .BlogInfoHTML .meMsg_MsgKeyword { max-width: 950px; margin: 0 auto; } /*關鍵字*/ .BlogInfoHTML .meMsg_MsgKeyword { margin-top: 20px; display: none; } .BlogInfoHTML .meMsg_MsgKeyword .meMsg_MsgKeywordCaption { font-weight: bold; display: inline-block; font-size: 14px; } .BlogInfoHTML .meMsg_MsgKeyword .meMsg_MsgKeywordCaption:after { content: '：'; display: inline-block; } .BlogInfoHTML .meMsg_MsgKeyword .meMsg_MsgKeywordContent { display: inline-block; font-size: 14px; } /*內文段落*/ #ns_Content .BlogInfoHTML .meMsg_MsgContentBlk { /* margin-bottom: 35px;*/ display: inline-table; width: 100%; } .BlogInfoHTML .meMsg_MsgContentBlk .meMsg_MsgTitle { color: #090909; font-weight: bold; margin-top: 0; display: block; font-size: 18px; /*margin: 0 10px;*/ } .BlogInfoHTML .meMsg_MsgContentBlk ul, .BlogInfoHTML .meMsg_MsgContentBlk ol { padding-left: 18px; margin: 10px; } .BlogInfoHTML .meMsg_MsgContentBlk table { /*margin: 60px auto 0;*/ border-collapse: collapse; } .BlogInfoHTML .meMsg_MsgContentBlk table tr { vertical-align: top; } .BlogInfoHTML .meMsg_MsgContentBlk table tr th { color: #75BE32; font-weight: bold; } .BlogInfoHTML .meMsg_MsgContentBlk table tr td { padding: 8px 14px; } .BlogInfoHTML .meMsg_MsgContentBlk table img { width: auto; } .meMsg_MsgContentBlk .meMsg_MsgSubTitle { font-size: 18px; line-height: 170%; color: #090909; } #ns_Content .BlogInfoHTML .meMsg_Content { margin-top: 0; /*margin-bottom: 50px;*/ max-width: 950px; color: #090909; margin: 0 auto 20px; } #ns_Content .BlogInfoHTML .meMsg_Content p { margin-right: 20px; } .meMsg_MsgContent img { width: 100%; } /*表單*/ span.txt_AddText { display: none; } .captionTop { display: none; } .greenTitle2 .meMsg_MsgTitle { font-size: 20px; font-weight: bold; text-align: center; margin: 60px auto 0px; display: block; color: #5fbd2f; } .meWeForm { /* width: 700px; */ margin: 0 auto; padding: 0 100px; } .weFormDiv { padding: 0px; margin: 20px auto ; /*background-color: #D8D8D8;*/ box-sizing: border-box; } .weForm { color: #666666; font-size: 16px; } .weForm tr { display: inline-block; max-width: 50%; width: 100%; } .weForm tr.tr12, .weForm tr.tr13, .weForm tr.tr14 { width: 100%; display: block; max-width: unset; } .weForm tr.tr13 .captionTop { display: none; } .weForm .captionTop, .weForm .captionText, .weForm .detail { display: block; width: 100%; } .weForm .detail { padding-right: 10px; padding-top: 0; } .weForm tr.tr5 .detail, .weForm tr.tr7 .detail, .weForm tr.tr9 .detail, .weForm tr.tr11 .detail, .weForm tr.tr13 .detail { padding-right: 0px; } .weForm .captionTop { margin-top: 15px; text-align: left; } .weForm a { color: #353535; } .weForm input[type=checkbox] { margin-right: 5px; } .weForm input[type=edit] { color: #000; background: #fff; height: 40px; padding: 9px 10px; border: 1px solid #CCCCCC; font-size: 16px; } .weForm select { color: #000; box-sizing :border-box; padding: 0 5px; height: 38px; margin-right: 30px; border: 1px solid #CCCCCC; font-size: 16px; width: 100%; } .weForm .desc { vertical-align: middle; color: #000; font-size: 12px; line-height: 140%; } .weForm .button[type=submit] { height: auto; padding: 8px 10px; margin-right: 4px; cursor: pointer; background: #50af50; border: 0; color: #fff; font-size: 16px; margin: 0px auto; display: block; appearance: none; -moz-appearance: none; -webkit-appearance: none; } .weForm .tdChkCodeInp { width: 100px; } .weFormDiv .imgChkCode { height: 36px; width: auto; } .weFormDiv .ReturnDesc { color: #000; } .weForm .detail .tbChkCode { display: block; width: 100% !important; } .weForm .detail .tbChkCode tr { max-width: none; } .weForm .tdChkCodeInp, .weForm .tdChkCodeImg, .weForm .tdChkCodeRenew { display: inline-block; } .weFormDiv .meMsg_MsgContentBlk table { margin-top: 40px; } .weForm tr.tr.tr5 { max-width: 100% ; } .weForm tr.tr.tr7 { display: block; position: absolute; left: -4px; } .weForm textarea { width: 99%; height: 140px; padding: 9px 10px; box-sizing: border-box; border: #cccccc 1px solid; font-size: 16px; } .weForm td#tdChkCodeImg { padding: 0 5px; } .weForm #tdChkCodeInp input { border: 0px; font-size: 16px; } span.txt_CaptchaReflash.txt_ { color: #666666; } .BlogInfoHTML .meMsg_MsgContentBlk table.ColThree tr td { width: 33%; border-right: 1px solid #000; } .BlogInfoHTML .meMsg_MsgContentBlk table.ColThree tr td:last-child { border-right: 0px solid #fff; } #ns_Content .BlogInfoHTML .meMsg_Content table.ColThree:nth-child(3) { border: 0; } /*.ColTwo { width: 33%; display: inline-block; vertical-align: top; border-right: 1px solid #000; display: table-cell; }*/ /*.ColTwo:last-child { border: none; }*/ .ColThree { width: 33%; /*height: 500px;*/ display: inline-block; vertical-align: top; border-right: 1px solid #000; display: table-cell; } .ColThree:last-child { border: none; } /*-----------colfour------------*/ .BlogInfoHTML .meMsg_MsgContentBlk table.colfour { border-collapse: collapse; display: table-cell; width: 25%; } .BlogInfoHTML .meMsg_MsgContentBlk table.colfour img { width: 225px !important; } @media (max-width: 700px) { .BlogInfoHTML .meMsg_MsgList .itemMsgArticle { width: 100%; } .meWeForm { padding: 0px; } .weFormDiv { padding: 15px; } .weForm tr { max-width: none; display: block; } .weForm .detail { padding-right: 0px; } .weForm input[type=edit] { max-width: none; margin-right: 0; margin-bottom: 0; } .weForm select#rtPurpose { margin-bottom: 8px; } .weForm .captionTop { font-weight: initial; font-size: inherit; margin-top: 10px; } .weForm select { max-width: 405px; } body .meMsg_MsgContentBlk.center, .meMsg_MsgContentBlk.left, .meMsg_MsgContentBlk.right { width: auto; float: none; } /*表格rwd滿版*/ .BlogInfoHTML .meMsg_MsgContentBlk table tr th { display: none; } .BlogInfoHTML .meMsg_MsgContentBlk table tr { display: block; border-bottom: 1px solid #000; } /*表格去掉rwd*/ .BlogInfoHTML .meMsg_MsgContentBlk .meMsg_Content table tr td { padding: 5px; width: auto; /*display: table-cell;*/ } .BlogInfoHTML .meMsg_MsgContentBlk table.ColThree tr td { width: 100%; display: block; border: 0; } .ColThree { width: 100%; margin-bottom: 70px; border: none; display: block; } .BlogInfoHTML .meMsg_MsgContentBlk table.ColThree tr th { display: block; } body .BlogInfoHTML .meMsg_MsgContentBlk table.Colfour tr td { width: 100%; display: block; border: 0; } .BlogInfoHTML .meMsg_MsgContentBlk table.colfour { /* margin: 60px auto 0; */ border-collapse: collapse; display: block; width: 100%; } .BlogInfoHTML .meMsg_MsgContentBlk table.colfour img { width: 100% !important; } .BlogInfoHTML .meMsg_MsgContentBlk table.colfour tr th { display: block; } .BlogInfoHTML .meMsg_MsgContentBlk table.colfour tr { display: block; border-bottom: 0px solid #000; } .BlogInfoHTML .meMsg_MsgContentBlk table#col tr { display: table-row-group; } .BlogInfoHTML .meMsg_MsgContentBlk .meMsg_Content table#col tr td { display: table-cell; } /*圖置右rwd滿版*/ .BlogInfoHTML .meMsg_MsgContentBlk table tr td { padding: 0 10px; width: 100%; display: block; border: 0; } /*全部繞圖排文=================*/ .meMsg_MsgContentBlk img.ImgAlignRightY { width: 100%; } .meMsg_MsgContentBlk img.ImgAlignLeftY { width: 100%; } #ns_Content .BlogInfoHTML .ImgAlignLeftX { padding-right: 0px; } .BlogInfoHTML .meMsg_MsgTitleBlk .meMsg_MsgTitle { font-size: 30px; } #ns_Content .BlogInfoHTML .meMsg_MsgContentCenter .meMsg_MsgContentBlk { width: 100%; display: inline-block; } }

[範本:兩張圖並排]

數以百萬計的設計師和藝術家都使用業界標準的向量圖形軟體 Illustrator 來進行各種創作，從出色的網頁和行動圖形、標誌、圖示、書籍插圖、產品包裝到廣告看板，全都包括在內。

各種尺寸的經典作品。
取得您所需的所有繪圖工具，將簡單的形狀和顏色轉變成複雜的標誌、圖示和圖形。Illustrator 圖稿是向量型設計，因此可以針對行動裝置螢幕縮小，或擴大成廣告看板的大小，而外觀永遠都是清晰、精美的。

下方並排的圖，比例要一樣，這樣圖片並排才會一致才會好看歐！！！
下方並排的圖，比例要一樣，這樣圖片並排才會一致才會好看歐！！！

地址：台北市金山南路二段31巷17號
電話：02-2351-1051傳真：02-2351-0109
營業時間：11:00~21:00