當前位置:首頁 » 文件傳輸 » 圖片上傳樣式
擴展閱讀
webinf下怎麼引入js 2023-08-31 21:54:13
堡壘機怎麼打開web 2023-08-31 21:54:11

圖片上傳樣式

發布時間: 2022-04-13 03:06:10

㈠ 怎麼樣上傳圖片

首先你要有網路空間
然後

圖片上傳步驟為:
步驟一:准備圖片
在上傳圖片前,您需要在電腦上准備好圖片。如果是網上的圖片,需要先將圖片存到電腦上。
操作為將滑鼠移至圖片上,點擊滑鼠右鍵,選擇「圖像另存為」,請記住圖片的存放路徑。

步驟二:上傳圖片
圖片准備好後,點擊提問頁面或者回答頁面的「上傳圖片」鏈接,在彈出的小窗口中點擊「瀏覽」,選擇圖片後點擊「確定」就可以完成圖片的上傳。

請注意:
1.二級及以上用戶登錄後可以上傳圖片.
2.您只能上傳本地電腦中的圖片,對於網上的圖片,可以先下載到本地,然後再進行上傳。
3.可上傳的圖片格式將限於JPG、GIF、PNG和BMP,最大為3M。
4.為了保證圖片在頁面的顯示效果,網路知道會自動將圖片進行等比壓縮,所以請盡量選擇長寬相近的圖片。
5.如果圖片與您所提交的內容不相關,將會被刪除。

㈡ 怎樣上傳自己喜歡的圖片做模板啊!

1.可以點相冊,然後選上傳圖片....
2.電開你上傳的圖片.點右鍵,查看屬性.找到圖片地址...然後粘貼到記事本里
3.打開你的css摸版編輯(在主頁設置裡面,摸版設置,新建摸版,然後就有編輯框了.裡面很多代碼.)
4.在代碼里body{.......}字樣,然後將以下代碼復制到其上面空白處:
body{background:url(你剛才粘貼到記事本里的圖片地址) center }
5.點預覽,看是否已經有了圖片...如果有,就保存下來...

如果還有什麼不懂,請到我空間來做課,上面有專門的教程

㈢ 百度空間怎麼上傳自己的圖片做模版

模板那東西很不容易,不適用圖片的,而是CSS代碼,詳情網路空間提供了非常人性化高自由度的CSS自定義,那麼什麼是CSS呢?
CSS 是 Cascading Style Sheet 的縮寫。譯作「層疊樣式表單」。是用於(增強)控制網頁樣式並允許將樣式信息與網頁內容分離的一種標記性語言。
把CSS樣式表加入網頁有三種方法,網路空間用的是:鏈入外部樣式表文件 (Linking to a Style Sheet)
空間頁面CSS說明
(本資料來自網路官方http://www..com/search/hi/hi_css.html)
(本資料加上CSS中文手冊就可以設置出個性,美觀的空間了,隨便網路下就能找到CSS手冊的)
body 整個空間頁面{background-color:#FFFFFF}
--------------------------------------------------------------------------------
空間名稱和簡介區域
#header 主體部分{height:89px;background:#3399CC}
#header div.lc 左背景圖{background:url(temp1/hdl.jpg) no-repeat}
#header div.rc 右背景圖{background:url(temp1/hdr.jpg) no-repeat top right}
#header div.tit 空間名稱{top:8px;left:20px;line-height:22px;font-size:20px;font-family:黑體}
#header div.tit a.titlink 空間名稱鏈接{color:#FFFFFF;text-decoration:none}
#header div.tit a.titlink:visited{color:#FFFFFF;text-decoration:none}
#header div.desc 空間簡介{top:33px;left:20px;color:#FFFFFF;font-size:13px}
#tabline TAB菜單下方的橫線{top:89px;background-color:#FFFFFF}
#tab TAB菜單主體{top:67px;background:url(temp1/tabbg.gif) repeat-x}
#tab a.on,#tab a.on:link,#tab a.on:visited TAB選中狀態{margin-top:3px;border-left:1px solid #FFFFFF;border-right:1px solid #FFFFFF;border-top:1px solid #FFFFFF;line-height:19px;background-color:#F3F1F1;color:#197CAE;font-size:14px}
#tab span TAB與TAB之間的分割符「|」{color:#FFFFFF;font-size:14px}
#tab a:link TAB未選中狀態{color:#FFFFFF;text-decoration:none;font-size:14px}
#tab a:visited{color:#FFFFFF;text-decoration:none;font-size:14px}
#tab2 設置TAB菜單主體{background:#DAE9F5}
#tab2 span TAB選中狀態{color:#000000;font-size:12px;font-weight:bold}
#tab2 a TAB未選中狀態{font-size:12px}
#tab2 a:link{color:#0000CC}
#tab2 a:visited{color:#0000CC}
--------------------------------------------------------------------------------
內容區域 .stage(TAB菜單與版權信息之間的區域){background:#F3F1F1}
其它區域(即訪問量等信息)
#comm_info 主體{color:#333333;font-family:Arial;text-align:left}
#comm_info div.line 分界線{margin-top:5px;line-height:8px;border-top:1px solid #D2E9F4}
#comm_info a 鏈接{color:#3399CC}
--------------------------------------------------------------------------------
頁碼區域
#page 主體{height:30px;font-size:14px;font-family:Arial;text-align:center}
#page span 當前頁碼(不可點擊){padding:3px;color:#000000;font-size:14px;font-weight:bold}
#page a.pc 上一頁和下一頁{color:#3399CC;font-size:14px;font-weight:bold}
#page a.pc:visited{color:#3399CC}
#page a.pi 頁碼(可點擊){padding:3px;color:#3399CC;font-size:14px}
#page a.pi:visited{color:#3399CC}
--------------------------------------------------------------------------------
模塊
.mod {margin-bottom:10px}
.modhandle{cursor:move}
.modth 模塊標題欄主體{height:24px}
.modhead{padding:4px 4px 0 4px}
.modopt 模塊操作區(如寫新文章){padding:4px 4px 0 0}
.modtit 模塊標題區(如文章列表){color:#FFFFFF;font-size:12px;font-weight:bold}a.modtit{color:#FFFFFF}a.modtit:visited{color:#FFFFFF}
.modtitlink{color:#FFFFFF;font-size:12px;font-weight:bold}a.modtitlink{color:#FFFFFF;text-decoration:none}a.modtitlink:visited{color:#FFFFFF;text-decoration:none}a.modtitlink:hover{color:#FF5100;text-decoration:underline}
.modact 操作文字鏈接(如文章列表){color:#FFFFFF;font-size:12px}a.modact:link{color:#FFFFFF}a.modact:visited{color:#FFFFFF}
.modbox 模塊內容區{padding:10px 10px 0 10px;background-color:#FFFFFF}
.modtl 模塊左上角背景{background:url(temp1/ptitl.gif) no-repeat top left;line-height:1px}
.modtc 模塊中上背景{background:url(temp1/ptitc.gif) repeat-x}
.modtr 模塊右上角背景{background:url(temp1/ptitr.gif) no-repeat top right;line-height:1px}
.modbl 模塊左下角背景{background-color:#FFFFFF;line-height:1px}
.modbc 模塊中下背景{background-color:#FFFFFF;line-height:1px}
.modbr 模塊右下角背景{background-color:#FFFFFF;line-height:1px}
--------------------------------------------------------------------------------
文章區域
#m_blog div.tit 文章標題{font-size:14px;font-weight:bold}
#m_blog div.tit a 文章標題鏈接{color:#333333;font-size:14px;font-weight:bold}
#m_blog div.tit a:visited{color:#333333}
#m_blog div.date 文章發表日期{margin:5px 0 8px 0;color:#666666}
#m_blog div.cnt 文章內容{color:#333333;line-height:20px;font-size:14px}
#m_blog div.more{margin:14px 0 16px 0}
#m_blog div.more a 閱讀全文鏈接{color:#3399CC;font-size:14px}
#m_blog div.more a:visited{color:#3399CC}
#m_blog div.opt 文章操作區(如編輯、評論等){color:#666666;font-size:12px}
#m_blog div.opt a 文章操作鏈接{color:#3399CC;font-size:12px}
#m_blog div.opt a:visited{color:#3399CC}
#m_blog div.line 分界線{margin-top:17px;line-height:17px;border-top:1px solid #D2E9F4}
#m_blog div.none 無文章提示信息{padding:100px 0 100px 0;color:#333333;font-size:14px}
--------------------------------------------------------------------------------
個人檔案區域
#m_pro a 鏈接{color:#3399CC}
#m_pro a:visited{color:#3399CC}
#m_pro div.image 個人頭像{text-align:center}
#m_pro div.act 操作區(如加為好友、發送消息){margin-top:10px}
#m_pro div.user 用戶名{margin-top:10px;color:#333333;font-size:12px;font-weight:bold}
#m_pro div.desc 用戶簡介{color:#333333;font-size:12px}
#m_pro div.line 分界線{margin-top:17px;line-height:17px;border-top:1px solid #D2E9F4}
#m_pro td{color:#333333;line-height:24px;font-size:14px}
--------------------------------------------------------------------------------
相冊區域
#m_album div.image 照片{text-align:center}
#m_album div.page {color:#666666;font-size:12px;text-align:center}
#m_album div.page a{color:#0000CC;font-size:12px}
#m_album div.page a:visited{color:#0000CC}
--------------------------------------------------------------------------------
友情鏈接區域
#m_links div.item 子項{color:#333333;font-size:12px}
#m_links div.item a 名稱(鏈接){color:#3399CC;font-size:12px;text-decoration:none}
#m_links div.item a:visited{color:#3399CC}
#m_links div.line 分界線{margin-top:5px;line-height:8px;border-top:1px solid #D2E9F4}
--------------------------------------------------------------------------------
文章分類
#m_artclg div.item 子項{color:#666666;font-size:12px}
#m_artclg div.item a 分類名稱(鏈接){color:#3399CC;font-size:12px}
#m_artclg div.item a:visited{color:#3399CC}
#m_artclg div.line 分界線{margin-top:5px;line-height:8px;border-top:1px solid #D2E9F4}
--------------------------------------------------------------------------------
最新評論區域
#m_comment div.item 子項{color:#333333;font-size:12px}
#m_comment div.item a 發表人(鏈接){color:#3399CC;font-size:12px}
#m_comment div.item a:visited{color:#3399CC}
#m_comment div.item a.cnt 評論摘要(鏈接){color:#333333;font-size:12px;text-decoration:none}
#m_comment div.item a.cnt:visited{color:#333333;text-decoration:none}
#m_comment div.item a.cnt:hover{color:#333333;text-decoration:underline}
#m_comment div.line 分界線{margin-top:5px;line-height:8px;border-top:1px solid #D2E9F4}
--------------------------------------------------------------------------------
相冊列表
#m_albumlist div.note{color:#333333;font-size:14px}
#m_albumlist div.desc 簡介{margin-bottom:12px;padding:3px 10px 3px 10px;line-height:22px;background-color:#F2F2F2;font-size:14px}
#m_albumlist div.none 無照片提示信息{padding:100px 0 100px 0;color:#333333;font-size:14px}
#m_albumlist div.line 分界線{margin-top:10px;line-height:16px;border-top:1px solid #D2E9F4}
#m_albumlist div.tit 照片標題{margin:6px 0 7px 0;color:#333333;font-size:14px}
#m_albumlist div.tit a 照片標題鏈接{color:#3399CC;font-size:14px}
#m_albumlist div.tit a:visited{color:#3399CC}
#m_albumlist span.count 照片數量{color:#666666;font-size:12px;font-weight:bold}
#m_albumlist span.size 照片尺寸{color:#999999;font-size:12px;font-family:Arial}
#m_albumlist a.act 操作區鏈接(如編輯、刪除){color:#3399CC;font-size:12px}
#m_albumlist a.act:visited{color:#3399CC}
#m_albumlist a.page 頁碼鏈接{color:#0000CC;font-size:14px}
#m_albumlist a.page:visited{color:#0000CC}
#m_albumlist td.image{padding:5px;border:1px solid #999999;background:#FFFFFF}
--------------------------------------------------------------------------------
好友列表
#m_friend div.filter{margin-bottom:10px;padding-left:10px;padding-top:10px;height:27px;line-height:27px}
#m_friend div.catalog{margin-bottom:10px;padding-left:10px;height:27px;line-height:27px;background-color:#F2F2F2;font-size:14px}
#m_friend div.user{margin-top:4px;color:#333333;font-size:12px}
#m_friend div.user a 好友名稱(鏈接){color:#3399CC;font-size:12px}
#m_friend div.user a:visited{color:#3399CC}
#m_friend div.line 分界線{margin-top:10px;line-height:16px;border-top:1px solid #D2E9F4}
--------------------------------------------------------------------------------
設置訪問統計、模板設置
#m_setting a 鏈接{color:#3399CC}
#m_setting a:visited{color:#3399CC}
#m_setting 主體{line-height:22px;color:#333333;font-size:14px}
#m_setting img.sel 模板預覽圖(選中狀態){border:4px solid #FFDB7B}
#m_setting img.unsel 模板預覽圖(未選中狀態){border:1px solid #D2D2D2}
#m_setting span.tit 模板標題名稱{font-size:14px}
#m_setting span.usr 作者名{color:#666666}
#m_setting div.sel 「當前模板」文字{padding-top:6px;font-size:14px;font-weight:bold}
#m_setting div.line 分界線{margin-top:20px;line-height:16px;border-top:1px solid #D2E9F4}
--------------------------------------------------------------------------------
系統公告
#m_sysinfo a 鏈接{color:#3399CC}
#m_sysinfo a:visited{color:#3399CC}
#m_sysinfo 主體{line-height:22px;color:#333333;font-size:14px}
#m_sysinfo span.new 最新{color:#FF0000;font-size:10px;font-family:Arial}
#m_sysinfo span.date 發布時間{color:#666666;font-size:14px}
--------------------------------------------------------------------------------
基本選項
#m_setbase 主體{color:#333333;font-size:14px}
#m_setbase td{color:#333333;font-size:14px}
#m_setbase div.line 分界線{margin-top:5px;line-height:8px;border-top:1px solid #D2E9F4}
--------------------------------------------------------------------------------
網友評論
#in_comment 主體{width:710px}
#in_comment div.tit 標題{margin-bottom:12px;color:#333333;font-size:14px;font-weight:bold}
#in_comment div.user 發表人名{margin-bottom:6px;color:#333333;font-size:12px}
#in_comment div.user a 發表人名(鏈接){color:#3399CC;font-size:12px}
#in_comment div.user a:visited{color:#3399CC}
#in_comment div.user span.date 發表時間{color:#666666;font-size:12px}
#in_comment div.desc 評論內容{color:#333333;font-size:12px}
#in_comment div.line 分界線{margin-top:17px;line-height:17px;border-top:1px solid #D2E9F4}
#in_send div.tit 發表評論(標題){margin:10px 0 10px 0;color:#333333;font-size:14px;font-weight:bold}
--------------------------------------------------------------------------------
文章存檔
#m_filed div.item{color:#666666;font-size:12px}
#m_filed div.item a{color:#3399CC;font-size:12px}
#m_filed div.item a:visited{color:#3399CC}
#m_filed div.line{margin-top:5px;line-height:8px;border-top:1px solid #D2E9F4}
--------------------------------------------------------------------------------
自定義模塊
自定義模塊1
#m_mylink1 div.item{color:#333333;font-size:12px}
#m_mylink1 div.item a{color:#3399CC;font-size:12px;text-decoration:none}
#m_mylink1 div.item a:visited{color:#3399CC}
#m_mylink1 div.line{margin-top:5px;line-height:8px;border-top:1px solid #D2E9F4}
自定義模塊2
#m_mylink2 div.item{color:#333333;font-size:12px}
#m_mylink2 div.item a{color:#3399CC;font-size:12px;text-decoration:none}
#m_mylink2 div.item a:visited{color:#3399CC}
#m_mylink2 div.line{margin-top:5px;line-height:8px;border-top:1px solid #D2E9F4}
自定義模塊3
#m_mylink3 div.item{color:#333333;font-size:12px}
#m_mylink3 div.item a{color:#3399CC;font-size:12px;text-decoration:none}
#m_mylink3 div.item a:visited{color:#3399CC}
#m_mylink3 div.line{margin-top:5px;line-height:8px;border-top:1px solid #D2E9F4}
自定義模塊4
#m_mylink4 div.item{color:#333333;font-size:12px}
#m_mylink4 div.item a{color:#3399CC;font-size:12px;text-decoration:none}
#m_mylink4 div.item a:visited{color:#3399CC}
#m_mylink4 div.line{margin-top:5px;line-height:8px;border-top:1px solid #D2E9F4}
最近訪客
#m_track {color:#333333;font-size:12px}
#m_track a{color:#3399CC;font-size:12px}
#m_track a:visited{color:#3399CC}
--------------------------------------------------------------------------------
網路搜索模塊
#m_search {color:#000000;font-size:14px;}
#m_search input.text{ color:#000000; font-size:12px;}
#m_search input.radio{ background-color:#ffffff;}
#m_search input.submit{ color:#000000; font-size:12px;}
文章「上下篇」
#in_nav {color:#666666;font-size:12px}
/* 字體的顏色和大小 */
#in_nav a{color:#3399CC;font-size:12px}
/* 鏈接的顏色 */
#in_nav a:visited{color:#3399CC}
/* 訪問之後的鏈接的顏色 */
RSS模塊
#m_rss div.item { color:#333333; font-size:12px; }
/* RSS模塊中字體的大小和顏色*/
#m_rss div.item table { color:#3399CC; }
#m_rss div.item a { color:#3399CC; font-size:12px; text-decoration:none; }
/* RSS模塊中的鏈接的字體顏色,字體大小和樣式*/
#m_rss div.item a:visited { color:#3399CC; }
/* RSS模塊中訪問過之後的鏈接的字體顏色 */
#m_rss div.item div.dt { margin-bottom:5px; margin-top:5px; font-weight:bold; }
/* RSS模塊標題的樣式 */
#m_rss div.line { border-top:1px solid #D2E9F4; line-height:1px; height:1px; margin-top:5px; }
/* RSS模塊中分割線的樣式 */
/*最近讀者"模塊css代碼*/
#in_reader{width:710px} /*最近訪客模塊的整體寬度*/
#in_reader div.tit{margin-bottom:12px;color:#333333;font-size:14px;font-weight:bold}/*最近訪客模塊標題部分*/
#in_reader td.user{margin-bottom:6px;color:#333333;font-size:12px}/*最近訪客用戶名*/
#in_reader td.user a{color:#3399CC;font-size:12px}/*最近訪客用戶名鏈接*/
#in_reader a img{}/*最近訪客頭像圖片*/
#in_reader a:hover img{}/*最近訪客頭像圖片的滑鼠懸停效果*/
#in_reader td.user a:visited{color:#3399CC}/*最近訪客用戶名鏈接被點擊後*/
/*最新文章*/
#m_friblog div.item{color:#333333;font-size:12px}
#m_friblog div.item a{color:#3399CC;font-size:12px}
#m_friblog div.item a:visited{color:#3399CC}
#m_friblog div.item a.cnt{color:#333333;font-size:12px;text-decoration:none}
#m_friblog div.item a.cnt:visited{color:#333333;text-decoration:none}
#m_friblog div.item a.cnt:hover{color:#333333;text-decoration:underline}
#m_friblog div.line{margin-top:5px;line-height:8px;border-top:1px solid #D2E9F4}
/*相關文章*/
#in_related_doc{margin-bottom:6px;color:#333333;font-size:12px}
/* "相關文章:" 標題的樣式*/
#in_related_doc div.tit{margin-bottom:12px;color:#333333;font-size:14px;font-weight:bold}
/* 鏈接的字型大小和顏色 */
#in_related_doc a{color:#3399CC;font-size:12px}
/* 訪問之後的鏈接的顏色 */
#in_related_doc a:visited{color:#3399CC}
/*相冊頁及單張圖片頁的CSS*/
/* 相片列表頁*/
#m_albummenu #albumListBox td div{color:#000000} /*左側列表相冊標題顏色*/
#m_albummenu div.more{text-align:right;padding:12px 0 0;} /*左側列表下方所有相冊鏈接樣式*/
/* 單張相片頁面 */
#m_albumlist .tdright{font-size:12px;} /*相片描述區域*/
#m_albumlist .tdright #picDescSpan{color:#333333; font-family:Georgia} /*相片描述-描述*/
#m_albumlist .tdright #picSizeSpan{color:#445F88; font-family:Georgia} /*相片描述-規格*/
#m_albumlist .tdright #picTimeSpan{color:#333333; font-family:Arial} /*相片描述-上傳時間*/

把這些學會了你就可以自己做了

㈣ 上傳圖片的按鈕能用css寫出自定義的樣式嗎

1.可以利用css的定位元素來實現。
<style>
.btn{position:relative;overflow:hidden;margin-right:4px;display:inline-block;*display:inline;padding:4px10px4px;font-size:14px;line-height:18px;*line-height:20px;color:#fff;text-align:center;vertical-align:middle;cursor:pointer;background-color:#5bb75b;border:1pxsolid#cccccc;border-color:#e6e6e6#e6e6e6#bfbfbf;border-bottom-color:#b3b3b3;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}
.btninput{position:absolute;top:0;right:0;margin:0;border:solidtransparent;opacity:0;filter:alpha(opacity=0);cursor:pointer;}
</style>
<divid="up_btn"class="btn">
<span>添加圖片</span>
<inputid="photoimg"type="file"name="photoimg">
</div>

㈤ 怎麼樣將自己做的圖片上傳到網上

將自己做的圖片上傳到網上的方法:

  1. 上傳到社交媒體,國內如新浪微博,新浪博客,QQ空間,網路圖庫,網路貼吧等等。

  2. 上傳到如站酷,昵圖網等網站,記得加上標簽,這樣方便查找和收錄。

  3. 上傳到網盤,如網路網盤,騰訊雲盤等。

㈥ 保存的照片或者圖片過一會就變的格式不對還是怎麼 就是上傳的圖片樣式 什麼情況

一、確認一下,原圖片是否正常,比如通過復制異常的圖片文件,必然導致你的情況。解決方法是將圖片文件復制到電腦查看是否可以打開。
二、確認保存後的圖片後綴名(即格式)是你手機支持的格式。
三、若手機缺少相關的圖片打開的程序,請查詢相應的圖片查看軟體,安卓推薦「快圖」瀏覽
四、手機存儲卡存在問題,無法寫入文件,更換後再嘗試,
五、都不行的話,手機重做系統。需要到手機維修點。

㈦ 淘寶上傳圖片一個款式幾種顏色如何上傳

發布寶貝的時候,顏色選項打鉤,需要幾個顏色就打幾個勾,後面框框的字可自己輸入,

然後上傳圖片,要上傳對應的顏色。



一些寶貝類目可發布多種顏色,一些類目是不允許發布多種顏色的,不允許發布多種顏色的寶貝發布時就沒有上圖哪些顏色選擇,不要為了發布多種顏色而選擇其他了其他分類,寶貝會「類目錯放」並降權。

㈧ 用php實現手機拍照+本地相冊實現圖片上傳功能,需要統一樣式

PHP?很遺憾,PHP無法啟動手機的拍照功能,這個需要調用手機的內部資源,通俗來說就是只有APP獲取了這個許可權才能去打開拍照公告,PHP是無法辦到的。對於文件上傳,目前還真的只有 <input type="file">,至於樣式自己可以 去調試,關於你說的兼容性太差了,這個很不解,麻煩描述清楚點。

㈨ 怎麼樣上傳照片

上傳:
1.將照片保存到電腦里
假如你的照片是實物,那麼就必須先將它保存到電腦里了。將照片保存到電腦里的辦法有:掃描,數碼相機翻拍,然後通過USB數據線傳輸到電腦里去。
2.找到免費的圖片上傳網站,將照片上傳
介紹幾個給你:
http://img11.picsplace.to/(我用得最多的一個上傳網站,不過是英文網站,點網頁右下方的藍色字Upload就可以進入上穿頁面)
http://pic.comicme.net/(中文的)
http://www3.freep.cn/(也是中文)
上傳方法:
點擊「瀏覽」,選擇中您保存的圖片即可,通常JPEG和GIF上傳比較容易,圖片的大小通常要求在1M(1000K)之內。
3.記錄網址
圖片上傳成功之後,你得圖片就會擁有一個網址了,有的網頁會告訴你圖片網址有的則不會。
獲得地址方法,滑鼠右擊圖片,點擊屬性,獲得地址,進行拷貝和保存。
以後要查看圖片的話只要在地址欄上輸入拷貝下來的網址就行了

㈩ 什麼樣的圖片格式才能上傳

jpg,不大於500K
只要在
畫圖板
中把它打開,然後,「文件--另存為」,在下面的格式選項中選擇「JPG」就可以了。