Beautify 9CBS Blog is depressed!

xiaoxiao2021-03-06 43

Really depressed, I originally wanted to beautify my blog, but I was very unhappy. I didn't seem to have an effect. I can't keep up. I am mad. Waiting for free.

I refer to the article:

This log is transferred from the BLOG address of the Ice Sea: http://binghailan.e-city.com Adds the Weather Forecast for your Blog. Sun_Jianhua [Original] Add the following statement in "Options" -> Configuration, you can:

Today's weather

</ iframe> </ center> BLOG: http: // blog .9cbs.net / sun_jianhua / Add flash to Blog Flash Exquisite Clock Discover a lot of beautiful Flash clocks, free, no ads can be used, color can also be selected, installation is also convenient. You can preview, choose your favorite. Scale clock: <Embed src = http://www.butabon.com/clock/clock_038.swf width = 150 Height = 150 WMODE = Transparent Quality = high loop = true menu = false> where Http: //www.butabon .com / clock / clock_038.swf is the Flash address of the clock, can be previewed in IE, where 038 can replace any one between 000-039 or between 051-059 (all look at personal preferences, huh, huh) Clock: First style: <Embed src = http://www.butabon.com/clock/digiwide019.swf width = 150 height = 15 WMODE = Transparent Quality = high loop = true menu = false> where HTTP: / /www.butabon.com/clock/digiwide019.swf is also the Flash address of the clock, you can preview in IE, where 019 can replace any number between 000-019 (also fully watching personal preferences, huh Second style: <Embed src = http://www.butabon.com/clock/digital_019.swf width = 150 height = 90 wmode = transparent Quality = high loop = true menu = false> where HTTP: // Www.butabon.com/clock/digital_019.swf is also the Flash address of the clock, which can be previewed in IE, where 019 can replace any one between 000-019 You can successfully preview in IE. (Please test your own). See: http://blog.9cbs.net/kvw3000/Archive/2004/07/14/41178.aspx author blog: http://blog.9cbs.net/kvw3000/ blog Tips: Give Blog Putting a control menu to expand and shrink press to see the article, Blog's menu bar is really too eye, I added a button to control the display and hide of the menu.</p> <p>This can be implemented with JavaScript, but 9CBS Blog is not allowed to join JavaScript directly in the configuration, but we can add JavaScript to a picture in LNLOAD event. Look at me is added to the counting code code, the effect looks at the upper left corner. The program code is as follows: var div = document.createElement ('span'); Document.Body.insertadjacentelement ('BeforeEnd', Div); div.style.csstext = 'position: absolute; display: block; top: 42; left: 2; Width: 20; color: green; background: Yellow; border: 2 outset; cursor: hand; '; div.innerText =' << Reset menu '; div.οclick = function () {var iShide = (RightMenu.Style.Display == 'None'); RightMenu.Style.display = Ishide? 'Block': 'None'; Div.innertext = ISHIDE? '<< Remove menu': 'Expand Menu >>'; Author Blog: http://blog.9cbs.net/Laily/ The skin mode I have chosen is anothereon001 for the specific modification of the blog skin.</p> <p>The following is a specific custom CSS: .HeadermainTitle {Font-Family: Font-size: 1cm; Color: # 000000; Align: center} .blogstats {color: black;} p.date span {background-color: # e7e7e7;}. Post {border: 1px solid #cccccc; border-bottom-width: 2px; border-right-width: 2px; padding: 4px; margin-bottom: 28px; background-color: #dadada;}. POST H2 {font-size: 14px; margin: 0px; margin-bottom: 4px; font-family: _GB2312;}. Post a {color: # ff5500;}. post .postfoot {margin: 0px; margin-top: 14px; color: # aa6666; border-top: 1px solid #dddddd; font-size: 0.8em; Background-color: # c8c8c8;} # {background-color: #ffff; height: 75px; vertical-align: middle Background-image: URL (http://blog.9cbs.net/Images/blog_9cbs_net/peterdoo/18050/o_yu.jpg); Background-Repeat: no-repeat; Filter: alpha (Opacity = 80);} # Sub {Text-align: Right; Background-Color: # bbd4d9; color: #cccccc; font-size: 0.8em; padding: 4px;} # leftCell {Width: 200px; vertical-align: top; background-color: # bbc3d9 FILTER: alpha (Opacity = 100, Finishopacity = 0, Style = 1);}. Maincell { Border-left: 1px solid #ddddddd; border-bottom: 1px solid #ddddddd; padding: 10px; Background-color: # E7E7E7; Vertical-Align: Top;} Background image is uploaded to the photo album. There is no background image to the left menu area, just use filter: alpha (Opacity = 100, finishopacity = 0, style = 1); a background color of the transition effect produced.</p> <p>In fact, there is no technical content! Author Blog: http://blog.9cbs.net/peterdoo/ Blog Display your MSN and QQ status to paste the following code to the BLOG management configuration 'Static News' Text box, save the page, re-see Look at your home MSN status: <a href="http:8080/Message/ms.com: 00 <img src = "http://snind.gotdns .com: 8080 / msn / msn account (xxx@hotmail.com) "align =" absmiddle "border =" 0 "alt =" msn online status indeicator "οnerrοr =" this.οrrοr = null; this.src = 'http : //snind.gotdns.com: 8080 / image / msnunknown.gif '; "> </A> More can go http://snind.gotdns.com:8080 qq status: <img src =" http: / / ICON.TENCENT.COM/ Your QQ Account / L / 612 / "> More you can go http://qqol.3322.org/ Author Blog: http://blog.9cbs.net/9cbsb3a/ for you Blog Creating a Personality Calendar Calendar Control is one of the controls of the DOTNET, which is powerful. It is useful in many project development. It is essential for the Blog system. Need to be jade still needs to be carved, in order to make It is more beautiful and practical, we also need to develop secondary development. The first step is to set up, this according to your needs, just do some adjustments to its related properties. The following picture is the interface attribute I adjusted. The settings are as follows: <ask: Calendar id = "Calendar1" cellpadding = "2" width = "160px" titlesty-backcolor = "# 000000" bordercolor = "# aaaaa"</p> <p>DayHeaderstyle-BackColor = "# 5e715e" OtherMontHDayStyle-foreColor = "# cccccc" dayNameformat = "full"</p> <p>Runat = "server" titlesty-forecolor = "# ffffff" NextPrevStyle-forecolor = "# ffffff" cellspacing = "1"</p> <p>WeekenddayStyle-BackColor = "# eeeeee" dayheaderstyle-forecolor = "# fffff" SelectionMode = "none"</p> <p>TODAYDAYSTYLE-BORDERCOLOR = "# 5e715e" TodayDayStyle-borderwidth = "1" TodayDayStyle-font-bold = "true"</p> <p>TodayDayStyle-foreColor = "# 5e715e"> The second step is to adjust the internal function, which is mainly set to the processing of the following two events. Prerender: When the server control will be present to the PAGE object included. Dayrender: When the Calendar control is created every day in the control hierarchy.</p> <p>First define three integer variables and integer array private int [] arrcurrentdays, arrpredays, arrnextdays; // three variables are the current month, the first month, and the next month private int INTCURRENTMONTH, INTPREMONTMONTMONTH, INTNEXTMONTH; // three A integer array stores a blog date protected system.web.ui.webcontrols.calendar calendar1; // This is our calendar control 2. I will give the source code of these events, and Let's explain the functions it implemented. If you don't understand, you can first look at the following description.</p> <p>PreRender private void Calendar1_PreRender (object sender, System.EventArgs e) {Thread threadCurrent = Thread.CurrentThread; CultureInfo ciNew = (CultureInfo) threadCurrent.CurrentCulture.Clone (); ciNew.DateTimeFormat.DayNames = new string [] { "day", "One", "Second", "Three", "Four", "Five", "Six"}; cinew.datetimeformat.firstdayofweek = dayofweek.sunday; threadcurrent.currentculture = cinew;} The above code changed the display of the week name . You can change your name to display only if you want to change the value of the character array.</p> <p>DayRender Private Void Calendar1_dayrender (Object Sender, System.DayrenderEventArgs E) {// This control occurs every day.</p> <p>Calendarday d = ((DayRendreventargs) e) .day; TableCell C = ((DayRendreventargs) e) .Cell; // Initialize the current month's date array if (intPRemonth == 0) {INTPREMONTH = D.DATE.MONTH; // Note: When the calendar control is initialized, our first month is not the current month, but the month INTCURRENTMONTH = INTPREMONTH 1 for the previous month; IF (intCurrentMonth> 12) INTCURRENTMONTH = 1; intnextMonth = IntCurrentMonth 1; IF (INTNEXTMONTH> 12) INTNEXTMONTH = 1; arrredays = getArrayDay (D.date.Year, INTPREMONTH); // Get the previous month's date array arrcurrentDays = GetArrayDay (D.date.Year, IntCurrentMonth); // Get the month There is a date array of blog, arrnextday = getArrayDay (D.date.Year, INTNEXTMONTH); // Get date arrays of blog next month} int J = 0; if (D.date.Month.equals (intPremonth)) {while (! arrpredays [j] .Equals (0)) {if (D.date.Day.equals (arrpredays [j])) {c.controls.clear (); c.controls.add (New LitralControl ("<a HREF = day.aspx? year = " D.date.Year " & month = " D.date.month " & day = " DD ATE.DAY "> D.date.day " </a> "));} J ;}} else if (d.date.month.equals (intcurrentmonth)) {While (! arrcurrentdays [j] .equals (0)) {if (D.date.Day.equals (arrcurrentdays [j])) {c.controls.clear (); c.controls.add (new literalcontrol ("<a href = day.aspx? Year = " D.date.Year " & Month = " D.Date.Month " & day = " D.date.day "> D.date.day "</a>")))))</p> <p>} J ;}} else if (d.date.month.equals (intnextMonth)) {while (! Arrnextdays [j] .Equals (0)) {if (D.date.Day.equals (arrnextdays [j]))) {C.Controls.clear (); c.controls.add (new literalcontrol ("<a href = day.aspx? Year =" D.date.year "& month =" D.date.month "& day =" D.date.day "> D.date.day " <"));} J ;}}} Date Control A page can display the date of three months, the current month is complete, before one Some date on the month and the next month. DayRender event initializes the display method of the specific date, here we have to add a hyperlink on the date with Blog content. So we need to get three arrays during initialization, and store the date of writing with Blog for three consecutive months, respectively. Then compare with the current date in turn, add a link. When using a DayRender event, you must do not forget that it is performed once at each date initialization, which means that the event initialization of the calendar control is to execute 42 times, so do not add as possible, don't add Judging the repeated database operation, I didn't pay attention when I started, and two read library statements were written in the event, and the results were seriously affected. The following method is that I have used to get a date array. // Get the date array of Blog this month private int [] GetArrayDay (int tent "{int [] INTARRAY = new int [31]; // Select records in accordance with the requirements in the database, deposit the date into array string strSql = "select content_time from content where year (content_time) =" intYear "and month (content_time) =" intMonth; dr = SqlHandle.GetDr (strSql); while (dr.Read ()) {if (i = = 0) {INTARRAY [I] = Dr.getdateTime (0) .day; i ;} else f (Dr.GetdateTime (0) .day! = INTARRAY [I-1]) {Intarray [i] = Dr.GetDatetime (0) .day; i ;}} Dr.close (); Return INTARRAY;</p> <p>The specific usage effect can go to my blog to see: www.dever.cn</p></div><div class="text-center mt-3 text-grey"> 转载请注明原文地址:https://www.9cbs.com/read-53859.html</div><div class="plugin d-flex justify-content-center mt-3"></div><hr><div class="row"><div class="col-lg-12 text-muted mt-2"><i class="icon-tags mr-2"></i><span class="badge border border-secondary mr-2"><h2 class="h6 mb-0 small"><a class="text-secondary" href="tag-2.html">9cbs</a></h2></span></div></div></div></div><div class="card card-postlist border-white shadow"><div class="card-body"><div class="card-title"><div class="d-flex justify-content-between"><div><b>New Post</b>(<span class="posts">0</span>) </div><div></div></div></div><ul class="postlist list-unstyled"> </ul></div></div><div class="d-none threadlist"><input type="checkbox" name="modtid" value="53859" checked /></div></div></div></div></div><footer class="text-muted small bg-dark py-4 mt-3" id="footer"><div class="container"><div class="row"><div class="col">CopyRight © 2020 All Rights Reserved </div><div class="col text-right">Processed: <b>0.044</b>, SQL: <b>9</b></div></div></div></footer><script src="./lang/en-us/lang.js?2.2.0"></script><script src="view/js/jquery.min.js?2.2.0"></script><script src="view/js/popper.min.js?2.2.0"></script><script src="view/js/bootstrap.min.js?2.2.0"></script><script src="view/js/xiuno.js?2.2.0"></script><script src="view/js/bootstrap-plugin.js?2.2.0"></script><script src="view/js/async.min.js?2.2.0"></script><script src="view/js/form.js?2.2.0"></script><script> var debug = DEBUG = 0; var url_rewrite_on = 1; var url_path = './'; var forumarr = {"1":"Tech"}; var fid = 1; var uid = 0; var gid = 0; xn.options.water_image_url = 'view/img/water-small.png'; </script><script src="view/js/wellcms.js?2.2.0"></script><a class="scroll-to-top rounded" href="javascript:void(0);"><i class="icon-angle-up"></i></a><a class="scroll-to-bottom rounded" href="javascript:void(0);" style="display: inline;"><i class="icon-angle-down"></i></a></body></html><script> var forum_url = 'list-1.html'; var safe_token = 'nAT3YRP_2BXtQmZKk62wK6i2TCY_2B1vcPoIqOuez1Tn3jT2S5_2B2RMB6H1h_2BeFuB78qXFOZIWQpWZN1MUxwu'; var body = $('body'); body.on('submit', '#form', function() { var jthis = $(this); var jsubmit = jthis.find('#submit'); jthis.reset(); jsubmit.button('loading'); var postdata = jthis.serializeObject(); $.xpost(jthis.attr('action'), postdata, function(code, message) { if(code == 0) { location.reload(); } else { $.alert(message); jsubmit.button('reset'); } }); return false; }); function resize_image() { var jmessagelist = $('div.message'); var first_width = jmessagelist.width(); jmessagelist.each(function() { var jdiv = $(this); var maxwidth = jdiv.attr('isfirst') ? first_width : jdiv.width(); var jmessage_width = Math.min(jdiv.width(), maxwidth); jdiv.find('img, embed, iframe, video').each(function() { var jimg = $(this); var img_width = this.org_width; var img_height = this.org_height; if(!img_width) { var img_width = jimg.attr('width'); var img_height = jimg.attr('height'); this.org_width = img_width; this.org_height = img_height; } if(img_width > jmessage_width) { if(this.tagName == 'IMG') { jimg.width(jmessage_width); jimg.css('height', 'auto'); jimg.css('cursor', 'pointer'); jimg.on('click', function() { }); } else { jimg.width(jmessage_width); var height = (img_height / img_width) * jimg.width(); jimg.height(height); } } }); }); } function resize_table() { $('div.message').each(function() { var jdiv = $(this); jdiv.find('table').addClass('table').wrap('<div class="table-responsive"></div>'); }); } $(function() { resize_image(); resize_table(); $(window).on('resize', resize_image); }); var jmessage = $('#message'); jmessage.on('focus', function() {if(jmessage.t) { clearTimeout(jmessage.t); jmessage.t = null; } jmessage.css('height', '6rem'); }); jmessage.on('blur', function() {jmessage.t = setTimeout(function() { jmessage.css('height', '2.5rem');}, 1000); }); $('#nav li[data-active="fid-1"]').addClass('active'); </script>