Personalization of blog

xiaoxiao2021-03-06 106

Transfer from: http: //dev.9cbs.net/develop/Article/39/39266.shtm Adds "Weather Forecast" feature for your blog. Add the following statement in the "Static News / Declaration" of "Options" -> Configuration, you can:

Today's weather

</ iframe> </ center> Give Blog Add flash fine clock to find a lot of beautiful Flash Watches, free, no ads can be used, color can also choose, 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 blog Tips: Add a control menu to blog to expand and shrink press to see articles Blog's menu bar is really too eye, I added a button to control the display and hide of the menu. 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.</p> <p>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 >>'; } The specific modification of the blog skin I have chosen is anothereon001.</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! Blog shows the status of your MSN and QQ to paste the following code into the BLOG management configuration 'Static News' Text box, save the page, re-see your home MSN status: <a href = "http: / /snind.gotdns.com:8080/Message/msn/msn account (xxx@hotmail.com)> <img src = "http://snind.gotdns.com:8080/msn/msn account (xxx@hotmail.com "Align =" absmiddle "border =" 0 "alt =" msn online stat = "οnerrοr =" this.οrοr = null; this.src = 'http: 8080 / image / msnunknown. GIF '; "> </a> can go http://snind.gotdns.com:8080 qq status: <img src =" http://icon.tencent.com/ your QQ account / L / 612 / "> More Http://qqol.3322.org/ Creating a personalized calendar control calendar control for your blog is one of the controls of the DOTNET comes, powerful, useful in many project development, for blog The system is essential. It is still necessary to carve it, in order to make it more beautiful and practical, we also need to develop it secondary. The first step is the appearance setting, this according to your needs, just need Do some adjustments to its related properties. The following picture is the interface that I adjusted the interface property settings as follows: <ask: Calendar id = "Calendar1" cellpadding = "2" width = "160px" titlesty-backcolor = "# 000000" Bordercolor = "# aaaaaa"</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"></p> <p>The second step is to adjust the internal function, this work is mainly concentrated on 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. 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></div><div class="text-center mt-3 text-grey"> 转载请注明原文地址:https://www.9cbs.com/read-104543.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="104543" 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.041</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 = 'zpiqOoIOcl9AzUImi_2B3SieFDLgr184sXUlezbXG0AFBkKGPpq62A2uJ2qVh_2FAwB_2BVLAl8jU7Cf37LtY5JX0ioQ_3D_3D'; 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>